書式
border-top:線幅 形状 色
対象
全ての要素
継承
しない
初期値
線幅はmedium、線の形状はnone、色はcolorプロパティの値
バージョン
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-top:4px red dashed;
}
--></style>
</head>
<body>
<div>CSS<br>Sample Text</div>
</body>
</html>