横幅を指定する width プロパティ
width プロパティ
幅を指定するときにはwidthプロパティで要素の大きさを指定します。
インライン要素と呼ばれるタグに指定してもサイズの変更はできません。
主な値
指定方法 | 説明 |
---|---|
数値 | 数値に「px」や「rem」、「%」などの単位をつける |
auto | 関連するプロパティの値によって自動設定 |
div {
width:100%;
}
widthプロパティの初期値はauto(自動)です。
<div>タグや<p>タグなどのブロック要素において、「width」の値を指定しない場合、要素の幅は親要素の幅になります。
また、widthプロパティの値を「%」で指定すると、その要素を囲っている親要素の幅に対する比率で幅が決定し、親要素の幅によって変動します。
widthプロパティについては下記の記事でも詳しく解説されています。