border-width（枠線の幅の略記）

解説

枠線の上下左右の幅の太さをまとめて指定する属性です（個別に指定する属性は、border-top-width、border-right-width、border-bottom-width、border-left-widthです。）。border-style属性と一緒に指定して下さい。

値	thin：細い幅 medium：普通の幅 thick：太い幅このキーワードの太さはブラウザに依存します。 <length> 指定は１値～４値の任意値の数と枠線との対応について
初期値	無し各属性の初期値
%値の基準
適用	すべてのエレメント
継承	しない

対応状況

全ての値

使用例

ソース

表示＆操作

スタイル部に、

.border1{border-width:thin;
　　　　　 border-color:red;
　　　　　 border-style:solid;}
.border2{border-width:medium;
　　　　　 border-color:red;
　　　　　 border-style:solid;}
.border3{border-width:thick;
　　　　　 border-color:red;
　　　　　 border-style:solid;}
.border4{border-width:0px 0px thick medium;
　　　　　 border-color:red;
　　　　　 border-style:solid;}
.border5{border-width:5px 50px;
　　　　　 border-color:red;
　　　　　 border-style:solid;}

と記述し、

thin

medium

thick

個別指定のように

タイトルのスタイル

と表示されます。

body部に、

<div class="border1">thin</div><br>
<div class="border2">medium</div><br>
<div class="border3">thick</div><br>
<div class="border4">個別指定のように</div><br>
<div class="border5">タイトルのスタイル</div><br>

と記述すると。

pokochan@mx1.tees.ne.jp