タグ

2021年11月4日のブックマーク (1件)

  • CSSの数学関数min()、max()、clamp()の基本的な使い方

    IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装

    CSSの数学関数min()、max()、clamp()の基本的な使い方
    klim0824
    klim0824 2021/11/04
    clamp()はSafari13.1からのサポートなので、実案件で使うのはまだ微妙に時期尚早な気がしている(案件の想定ブラウザシェアによるけれど