2025年03月6日(木)
CSSの進化が止まらない! CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります
先週、CSSで関数を自分で定義できるカスタム関数が使えるようなる(紹介記事)ことをお伝えしましたが、続報として、なんとif()関数も使えるようになるそうです。すでにChrome Canaryではif()関数をCSSで使用できます。
CSSで使えるif()関数は、if()はもちろん、elseも使用でき、条件付きで値を選択できるようになります。
![]()
CSS @function + CSS if() = 🤯
by Bramus!下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳し...
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV

パフォーマンスと再利用性を重視して最適化されたオープンソースのNext.js向けUIコンポーネント・「BotNext UI」
NEXT ›

motion.jsとlucide iconsで構築されたシンプルなアニメーション付きアイコンライブラリ・「pqoqubbw/icons」
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSSの進化が止まらない! CSSでif()関数が使えるようになり、if else文の条件付きで値を設定できるようになります』についてまとめています。
この記事は特にSEO・Google・Chrome・Mac・LINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。