CSSカスケードスタイルシートのvar関数

クズども · 掲載地 2020/06/05 11:47:51

var()関数は、要素内の任意のプロパティの任意の部分を置き換えることができます。 var()関数はプロパティ名、セレクタ、またはプロパティ値以外の他の価値として使用できません。

文法

メソッドの最初のパラメータは、置き換えるカスタム属性の名前です。関数のオプションの第2パラメータはフォールバック値として使われます。最初のパラメータで参照されたカスタムプロパティが無効であれば、関数は2番目の値を使います。

テストコードは以下の通りです:

ログインが見えます。

レンダリングは以下の通りです:

2つのクラススタイルを定義しています。.fsizeは定義した--font-size変数を見つけられ、20pxを表示します。.fsize2は--font-size-testの定義を見つけられず、関数の2番目の値である50pxを使用します。

注意:変数2のダッシュを定義して始めてください。

参考：ハイパーリンクのログインが見えます。

[CSS/DIV] CSSカスケードスタイルシートのvar関数

関連記事

閲覧したセクション