ボックスの幅と高さを指定する

width
height

{ width ウィズ : ; }

{ height ハイト : 高さ; }

width、heightプロパティは、ボックスの幅、高さを指定します。

初期値 auto
継承 なし
適用される要素 すべての要素(非置換インライン要素を除く)widthはテーブル列、列グループ、heightはテーブル行、行グループをそれぞれ除く
モジュール CSS basic box model

値の指定方法

高さ

auto 内容に合わせて自動的に計算されます。
任意の数値+単位 幅、高さを単位付きの数値で指定します。
%値 %値を指定します。値は親要素に対する割合となります。
CSSにおける単位付きの数値の指定方法

サンプルコード

.box{
  width: 200px; height: 200px;
  border: solid 1px red;
}