outline-style/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

outline-style

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

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

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

outline-styleプロパティの役割

outline-styleプロパティは、輪郭線の形状を指定します。

outline-styleプロパティを有効にするには、必ず、outline-colorプロパティoutline-widthプロパティも指定します。

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

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

outline-styleプロパティの使い方

<p style="outline-color:#ff0000;outline-style:groove;outline-width:3px">輪郭線の設定</p>

輪郭線の設定

上記のサンプルでは、輪郭線を3ピクセルの太さで、谷型にへこむ線で表示しています。

関連リンク

よく読まれている記事

UpDate:2010-9-6