そもそも min-width・max-width とは？ width は要素の幅を明示的に指定するプロパティですが、 min-width / max-width は、その最小値・最大値を制約として設定するプロパティです。 /* 幅の制約を付ける例 */ .box { width: 100%; min-width: 300px; max-width: 1200px; } このように設定 ...

IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ ...

CSSの数学関数と言えば、calc()が便利ですよね。 しかし、便利な数学関数はcalc()だけではありません！ 先月、Firefoxにサポートされたことにより、すべてのモダンブラウザにサポートされたCSSの比較関数「min()」「max()」「clamp()」の使い方を紹介します。

【初心者向け】CSSのサイズ指定：width・height・min・maxの基本 Webページを作るうえで「サイズの指定」はとても重要です。 今回は、横幅（width）や高さ（height）の基本に加え、最小サイズ（min）や最大サイズ（max）の指定方法をやさしく解説します。 1.