CSSリファレンス

widthの意味と使い方

「width」はブロックレベル要素や置換要素(img要素、input要素、textarea要素、select要素など)のボックスの内容領域の幅を指定します。
box-sizingプロパティを利用すればwidthで指定した幅をパディング領域やボーダー領域まで適用することもできます。

値の指定方法

実数値+単位

数値に単位を付けて幅を指定します。


パーセント値

包含ブロックの幅に対する割合で幅を指定します。


auto

自動的に調整されます。img要素などの置換要素の場合は、その要素が本来持っている幅と同じになります。


関連プロパティ

  • height:内容領域の高さを指定する
  • max-width:内容領域の幅の最大値を指定する
  • box-sizing:幅と高さの算出方法を指定したい
  • overflow:はみ出た内容の表示方法を指定する