★width(幅)

戻る

width(幅)


解説
幅を指定する属性です。

<length>
<percentage>
auto:自動的に指定

初期値

auto

%値の基準 親エレメントの幅

適用

ブロックレベルエレメントと互換エレメントL1
すべてのエレメント、非互換インラインエレメント、table columns(col)、column groups(colgroup)L2

継承

しない


対応状況
全ての値 L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6
E4は、スタイルコンテナdiv及びspanエレメント)のみ対応しています。
使用例

ソース

スタイル部に、

div{border:solid medium yellow;}
.px{width:300px;}
.percent{width:60%;}

と記述し、

body部に、

<div class="px">幅300pxのボックスです。</div>
<div class="percent">親エレメント幅500pxなので60%は300pxとなり上と同じ幅のはず。</div>

と記述すると。

表示&操作

幅300pxのボックスです。
親エレメント幅500pxなので60%は300pxとなり上と同じ幅のはず。
 
と表示されます。


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