menu
menu

キーワード検索

outline(リンク)【CSSリファレンス】

  • CSS

outline

こんにちは(・∀・)

 CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはリンクで使用する場合のoutlineです。

概要

 outlineプロパティを使用してリンクのアウトラインに関する設定をまとめて指定します。



.sample {
	outline: 2px solid #d49fc2;
}
適用要素

 すべての要素

指定できる値

 outline-colorプロパティで指定する値

 outline-widthプロパティで指定する値

 outline-styleプロパティで指定する値

初期値

 outline-color、colorプロパティの値

 outline-width、medium

 outline-style、none

サンプルデモ
HTML

<p><a href="http://example.com/">サンプルデモ</a></p>
CSS

a {
	outline: 2px dashed #d49fc2;
}
  • カテゴリー:CSS