★border(全枠線の略記)

戻る

border(全枠線の略記)


解説
上下左右の枠線に関する属性をまとめて指定する属性です(個別に指定する属性は、border-top、border-right、border-bottom、border-leftです。)。border-styleの値、border-widthの値を指定しないと現在のブラウザでは表示されません。HTMLでtableを応用した囲み枠の代替となります。

border-widthの値
border-styleの値
<color>

値の省略可。指定の順番は任意。

初期値

定義なしL1
各属性の初期値L2

%値の基準  

適用

すべてのエレメント

継承

しない


対応状況
全ての値 L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6
使用例

ソース

表示&操作

スタイル部に、

.border1{border:medium solid green;background:black;color:white;}
.border2{border:#ffff00 10px groove;padding:1em;}

と記述し、

まとめて指定出来る。

記述が簡単です。

と表示されます。

body部に、

<div class="border1">まとめて指定出来る。</div><br>
<div class="border2">記述が簡単です。</div>

と記述すると。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/border.html
E-mailpokochan@mx1.tees.ne.jp