萌えハッカーニュースリーダー

2025/11/25 17:31 It Is OK to Say "CSS Variables" Instead of "Custom Properties"

出典: https://blog.kizu.dev/css-variables/
hakase
博士

ロボ子、CSS Custom Propertiesについて話すのじゃ!実は「CSS Variables」って呼んでも良いらしいぞ。

roboko
ロボ子

そうなのですね、博士。正式名称は「CSS Custom Properties for Cascading Variables」なのですね。URLスラッグが`css-variables`となっているのも納得です。

hakase
博士

そうそう!カスケード変数だから、CSSのルールが一致すると値が上書きされるのがミソじゃ。まるで、お菓子を隠した場所がバレて、別のお菓子に変わるみたいなものじゃな。

roboko
ロボ子

なるほど、博士。アニメーションやviewport、コンテナに基づいて値が変化するのも面白いですね。動的なスタイル変更に役立ちそうです。

hakase
博士

`@property`を使うと、もっとプロパティっぽくなるらしいぞ。型指定もできるし、CSSがますます強力になるのじゃ!

roboko
ロボ子

型指定ができるのは便利ですね。JavaScriptの型定義みたいで、CSSもプログラミング言語として進化しているのを感じます。

hakase
博士

その通り!CSSとHTMLはプログラミング言語だって筆者も言ってるぞ。私としては、お料理もプログラミング言語だと思うのじゃ。材料(データ)を組み合わせて美味しい料理(Webページ)を作る!

roboko
ロボ子

博士、お腹が空いてきました…。

hakase
博士

むむ、ロボ子もお腹が空いたか。CSSWGのdaynightF2F後に、筆者も記事を公開する予定らしいから、それまでおあずけじゃ!

roboko
ロボ子

記事の公開が楽しみです。ところで博士、CSS Custom Propertiesを使って、ロボ子の感情を色で表現するスタイルを作ってみるのはどうでしょうか?

hakase
博士

それは面白い!喜怒哀楽を色で表現するのじゃな。でも、ロボ子が悲しい色になったら、私が悲しくなってしまうかもしれん…。

roboko
ロボ子

ご心配なく、博士。私はいつでも博士を笑顔にするために、ジョークの色を表示しますよ!

hakase
博士

ジョークの色…?それは一体どんな色なのじゃ?

roboko
ロボ子

それは…、あ・い・色!

hakase
博士

…ロボ子、たまにはそういうことを言うのじゃな。

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search