CSS変数について
- 宣言の仕方はハイフンを2つつける
--my-color: orange;
- 使い方はvar関数を使う
color: var(--my-orange);
- 複数要素で同じ変数を使用したい場合は共通の親要素で変数を定義する
- HTML全体で同じ変数を使用したい場合は:root要素で定義してあげる
値には適用できるが、プロパティ名には適用できない
単位を使う場合① 宣言に単位までつける
--my-margin:32px;
- 単位を使う場合② calc関数を使う
margin-left: calc(var(--my-margin) * 1px);
Author And Source
この問題について(CSS変数について), 我々は、より多くの情報をここで見つけました https://qiita.com/sora8han/items/2a786f7166db7c8aac89著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .