インラインで条件分岐する CSS の if() 関数

テクノロジーカテゴリーの変更を依頼記事元:

azukiazusa.dev

28users がブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

webooker どのブラウザでも使える状態ではないみたいだけど、使えたらかなり便利そう。

2025/03/03 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

インラインで条件分岐する CSS の if() 関数

2025 年 3 月現在 if() 関数は Chrome Canary で Experimental Web Platform Features フラグを有効にす... 2025 年 3 月現在 if() 関数は Chrome Canary で Experimental Web Platform Features フラグを有効にすることで利用可能です。 if() 関数は CSS Values and Units Module Level 5 という仕様で提案されている関数です。if() 関数は CSS でインラインの条件分岐を可能にします。 if() 関数の概要 CSS の if() 関数は引数に <条件>:<値> のペアのリストを取り、最初に <条件> が真となる値を返します。条件のリストは ; で区切られます。 .foo { color: if(style(--variant: dark): white; else: black); } <条件> には以下を指定できます。 supports()：指定した CSS の構文がサポートされている場合に真を返す

ブックマークしたユーザー

techtech05212025/08/23
mtom0292025/03/05
mayone-is2025/03/03
ma24ma5ji2025/03/03
webooker2025/03/03
limpramp2025/03/02
fujiharat2025/03/02
tomo-kn2025/03/02
Toge2025/03/02
wahgszacr2025/03/02
mkusaka2025/03/02
kiyokono2025/03/02
Buchi_6uclz12025/03/02
wwweric2025/03/02
sigel12025/03/02
mr_ozin2025/03/02
walnuts10182025/03/02
yug12242025/03/02

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx