属性名 | width |
---|---|
値 | <length> | <percentage> | auto | min-content | max-content | fit-content |
初期値 | auto |
適用可能要素 | すべての要素 |
継承 | 継承しない |
メディア | visual |
サポート |
https://caniuse.com/mdn-css_properties_width https://caniuse.com/intrinsic-width |
要素の横幅を指定します。
値 | 説明 |
---|---|
<length> | 横幅を 100px や 10em のような長さの単位で指定します。 |
<percentage> | 横幅を 80% のようなパーセントで指定します。 |
auto | 横幅を自動計算します。 |
min-content | コンテンツ中の最も長い単語の長さとなります。 |
max-content | コンテンツ中の文章が改行されない場合の長さとなります。 |
fit-content | コンテンツ中の文章が改行されない場合の長さとなります。ただし親要素の横幅を超えることはありません。 |
.sample { height: 100px; width: 100px; border: 1px solid gray; background-color: #cc9999; margin: 1em; }
<div class="sample"></div>