outline

Home>CSS>プロパティリファレンス>outline

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

outlineプロパティの役割

outlineプロパティは、輪郭線の形状、色、太さを一括して指定します。

outlineプロパティは、outline-styleoutline-coloroutline-widthプロパティを指定したことと同じ効果があります。

outlineプロパティに設定できる値

色の指定

色名もしくは16進数で指定。

太さの指定

数値 数値+単位
medium 中間の線
thick 太い線
thin 細い線

形状の指定

dashed 破線
dotted 点線
double 二重線
groove 谷型にへこむ線
inset 沈んだように見える線
none 輪郭線を表示しない。初期値。
outset 浮き上がっているように見える線
ridge 山型に浮き出す線
solid 直線

outlineプロパティの使い方

<p style="outline:3px solid #ff0000">輪郭線を一括指定</p>

輪郭線を一括指定

上記のサンプルは、3ピクセルの太さの赤い輪郭線を表示します。

関連リンク

よく読まれている記事

UpDate:2010-9-8