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

TOP > CSS >  CSS辞典 > border-right-style
border-right-style  ボーダー 

右ボーダーのスタイルを指定する。

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

書式例

border-right-style: スタイル ; ( 例 border-right-style: solid ; )

パラメーター

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

サンプルコード

<div style="border-right-style:solid; border-color: blue ;">あいうえお</div>
<div style="border-right-style:dotted; border-color: #ff0000 ;">かきくけこ</div>
<div style="border-right-style:dashed; border-width:5px; border-color: red ;">さしすせそ</div>
あいうえお
かきくけこ
さしすせそ