CSSの比較関数が便利すぎる！ min(), max(), clamp()の使い方を詳しく解説

CSSの比較関数が便利すぎる！ min(), max(), clamp()の使い方を詳しく解説

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

coliss.com

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

• はじめに
• CSSの比較関数のサポートブラウザ
• CSSの比較関数
• min()関数とは
• max()関数とは
• clamp()関数とは
• clamp()関数の計算方法
• コンテキストが重要
• min(), max(), clamp()では数式が使用できる
• CSSの比較関数でデザイン方法がどのように変わるか
• CSSの比較関数の使用例
• CSSの比較関数は単位のない値で壊れる
• サポートされていないブラウザのフォールバック
• アクセシビリティにおける注意点