CSSで覚えておきたいこと

変数は使えるの？

答え：使えます。カスタムプロパティーと言います。

変数の定義例

/*疑似クラスrootを使うことでグローバル変数になります*/
root:{
    /*変数名は--から始まります*/
    --background-color:#0000ff; /*青*/
}

使い方

.bg{
    /*値はvar()関数を使って取得する*/
    background-color: var(--background-color);
}

ポイント

prev/next