幅や高さを設定する

width(幅)、height(高さ)で幅や高さを設定することができます。

「数値＋単位」、「数値＋％」、またはauto(自動調整)が設定できます。

■スタイルシートの単位

例

<div style="width:auto; background-color:orange">autoの設定</div></br>
<div style="width:400px; background-color:orange">width:400px</div></br>
<div style="width:200px; background-color:orange">width:200px</div></br>
<div style="height:80px; background-color:orange">height:80px</div></br>
<div style="height:50px; background-color:orange">height:50px</div></br>

結果

autoの設定

width:400pxの設定

width:200pxの設定

height:80pxの設定

height:50pxの設定

まとめ

幅・高さはwidth、heightで設定する。
「数値＋単位」、「数値＋％」、またはauto(自動調整)が設定できる。

幅や高さを設定する

例

結果

まとめ

関連リンク