#003

【CSS】Webページの横幅上限設定戻る


 横幅の項目名は「width」です。値の単位は絶対サイズ、又は相対サイズで指定できます。

 例えば、横800ピクセルに指定する場合、

width: 800px;

のように記述します。

 widthで絶対サイズを指定した場合、その値よりもブラウザの幅が小さい場合、横スクロールバーが表示されます。それを防ぎたい場合、つまり最大値のみを設定してそれより狭い横幅の場合にはそれに合わせてほしい場合には、「max-width」項目にて設定します。

max-width: 700px;

 この場合、ブラウザの横幅が700ピクセル以上であれば700ピクセルで表示され、それより狭ければそれに合わせて表示され、横スクロールバーは表示されません。

【参考】MDN width

【参考】MDN max-width


最終更新日時:2022/04/17
戻る戻る back