WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > width
width  幅高  定番 

幅を指定する。

このエントリーをはてなブックマークに追加

パラメーター

●auto
 自動設定(初期値)。
●数値で指定
 数値にpxなどの単位をつけて指定。
●%で指定
 親ブロックとの割合を%で指定。

サンプルコード

<div style="width:auto;border:1px solid red;">autoで設定</div>
<div style="width:70px;border:1px solid blue;">70pxで設定</div>
autoで設定
70pxで設定

サンプルコード

<div style="width:120px;border:2px dotted gray;padding:5px;">親ブロック
<div style="width:50%;border:1px solid red;">子ブロック:50%で設定</div>
<div style="width:30%;border:1px solid blue;">子ブロック:30%で設定</div>
</div>
親ブロック
子ブロック:50%で設定
子ブロック:30%で設定