widthプロパティ

widthプロパティは、要素の幅を設定します。プロパティの値は、任意のサイズの単位、またはブラウザに要素のサイズを自動計算させる(デフォルトの動作)キーワード値autoです。

構文

cssセレクタ {
  width: 値;
}

例

要素の幅を300pxに設定します:

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

例

要素がその親要素(この例ではブラウザウィンドウ)の幅の70%を占めるようにします:

html<div id="elem"></div>
css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

関連項目

  • 要素の高さを設定できるプロパティ height
  • 要素の幅を設定できる属性 width