WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > outline-style
outline-style  アウトライン  ボーダー 

アウトライン(縁取り)のスタイルを指定する。

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

書式例

outline-style: 上下左右 ; ( 例 outline-style: solid  ; )
outline-style: 上下 左右 ; ( 例 outline-style: solid none ; )
outline-style: 上 左右 下 ; ( 例 outline-style: double solid dotted ; )
outline-style: 上 右 下 左 ; ( 例 outline-style: dotted dotted solid none ; )

パラメーター

スタイル
・none 非表示・太さ0。
・hidden 非表示・太さ0。
・solid 1本線。
・double 2本線。
・dashed 破線。
・dotted 点線。
・groove 立体的に窪んだ線。
・ridge 立体的に隆起した線。
・inset 立体的に窪んだ線。
・outset 立体的に隆起した線

サンプルコード

<div style="outline-style:solid; outline-color: blue;">あいうえお</div>
<div style="outline-style:solid; outline-color: #ff0000 #00ff00 ;">かきくけこ</div>
<div style="outline-style:solid; outline-width:5px; outline-color: red green blue orange ;">さしすせそ</div
あいうえお
かきくけこ
さしすせそ