★border-top(枠線の略記)
border-right
border-bottom
border-left

戻る

border-top(枠線の略記)
border-right
border-bottom
border-left


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

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

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

初期値

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

%値の基準  

適用

すべてのエレメント

継承

しない


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

ソース

表示&操作

スタイル部に、

.border1{border-bottom:medium solid green;
     border-left:solid 50px blue;}

と記述し、

個別に指定出来る。

と表示されます。

body部に、

<div class="border1">個別に指定出来る。</div>

と記述すると。


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