箱・余白

`width` 幅を決める

重要度5 / 5

意味

要素の幅を決める場合に使います。px や %、max-width と組み合わせることが多いです。画面いっぱいまで広げたい場合は 100% や 100vw を検討します。

HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。

HTML

<p>幅が固定されます。</p>

CSS

p {
  width: 12rem;
  background: #efeef8;
  padding: 0.75rem;
}

プレビュー

出典: MDN Web Docs（`@mdn/browser-compat-data`）