ボックスの幅と高さを指定する
width
height
{
width
{
height
width、heightプロパティは、ボックスの幅、高さを指定します。
初期値 | auto |
---|---|
継承 | なし |
適用される要素 | すべての要素(非置換インライン要素を除く)widthはテーブル列、列グループ、heightはテーブル行、行グループをそれぞれ除く |
モジュール | CSS basic box model |
値の指定方法
幅,高さ
auto | 内容に合わせて自動的に計算されます。 |
---|---|
任意の数値+単位 | 幅、高さを単位付きの数値で指定します。 |
%値 | %値を指定します。値は親要素に対する割合となります。 |
サンプルコード
.box{ width: 200px; height: 200px; border: solid 1px red; }