削除された内容 追加された内容
→‎CSS変数: CSS変数→カスタムプロパティの経緯について
302 行
;結果
::左端から幅 20% まで「ffff・・・」(以下略)を表示。
 
 
* 経緯
正式名称がカスタムプロパティなのに、なぜ『CSS変数』(英語でも"CSS Variables" という)のように『変数』と呼ばれるかというと、これには歴史的な経緯があり、もともとCSS変数を早く導入した過去のFeirefox29 (時期は2013年の後半ごろ)ごろは
::(※ 廃止された古い仕様)
:root {
var-変数名: 値 ;
}
のように変数(Variable)として宣言する場合には接頭辞に var- をつけないといけないという経緯があったのである。
また、そもそも2013年当初の仕様の名称は、"CSS Variables"であった。
 
その後、他社のブラウザでも同様の機能が導入されることになり、W3C規格などでも同等の機能が導入されることになり、その際の仕様の更新で、現在のカスタムプロパティの仕様に変更されたという経緯があり、その際に名称も変更した。
 
よってカスタムプロパティの実態は、変数である。 CSSの プロパティ値 を 変数を使って カスタムする という機能である。
 
== CSSカウンター ==