HTML
HTML5
HTMLタグ
スマートフォン
CSS
CSSプロパティ
CSS・HTML便利ツール
HTML色見本
配色組み合わせツール
特殊文字
JAVA
Android
PHP
Smarty修飾子
EXCEL
WEB技術の辞書・解説・使用例
TOP
>
CSS
>
CSS辞典
> border-bottom-style
border-bottom-style
ボーダー
下ボーダーのスタイルを指定する。
ツイート
書式例
border-bottom-style: スタイル ; ( 例 border-bottom-style: solid ; )
パラメーター
スタイル
・none 非表示・太さ0。
・hidden 非表示・太さ0。
・solid 1本線。
・double 2本線。
・dashed 破線。
・dotted 点線。
・groove 立体的に窪んだ線。
・ridge 立体的に隆起した線。
・inset 立体的に窪んだ線。
・outset 立体的に隆起した線
サンプルコード
<div style="border-bottom-style:solid; border-color: blue ;">あいうえお</div>
<div style="border-bottom-style:dotted; border-color: #ff0000 ;">かきくけこ</div>
<div style="border-bottom-style:dashed; border-width:5px; border-color: red ;">さしすせそ</div>
あいうえお
かきくけこ
さしすせそ