border-bottom-style

書式

border-bottom-style:形状

対象

全ての要素

継承

しない

初期値

none

バージョン

CSS Level 1

対応ブラウザ

Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari

解説

ボックスの下側の枠の形状を指定します。形状は以下のものが指定できます。
設定値形状
noneなし
dotted点線
dashed破線
solid実線
double二重線
grooveへこんだ感じ
ridge浮き出した感じ
insetへこんだ感じ
outset浮き出した感じ
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; left:10px; top:10px;width:300px;height:100px;
border:4px blue solid;
border-bottom-style:dotted;
}
--></style>
</head>
<body>
<div>CSS<br>Sample Text</div>
</body>
</html>
実際のサンプルを実行する