目錄

定義：

語法：

用法：

---

定義：

var()函數是一個?CSS?函數用于插入自定義屬性（有時也被稱為“CSS 變量”）的值

語法：

var(custom-property-name, value)

函數的第一個參數是要替換的自定義屬性的名稱。函數的第二個參數是可選的，用作回退值。如果第一個參數引用的自定義屬性無效，則該函數將使用第二個值。

備注：?自定義屬性的回退值允許使用逗號。例如，var(--foo, red, blue)?將?red, blue?同時指定為回退值；即是說任何在第一個逗號之后到函數結尾前的值都會被考慮為回退值。

用法：

:root {--main-bg-color: pink;
}body {background-color: var(--main-bg-color);
}

<custom-property-name>?自定義屬性名

在實際應用中它被定義為以兩個破折號開始的任何有效標識符。自定義屬性僅供作者和用戶使用; CSS 將永遠不會給他們超出這里表達的意義。

<declaration-value>?聲明值（回退值）

回退值被用來在自定義屬性值無效的情況下保證函數有值。回退值可以包含任何字符，但是部分有特殊含義的字符除外，例如換行符、不匹配的右括號（如?)、]?或?}）、感嘆號以及頂層分號（不被任何非?var()?的括號包裹的分號，例如?var(--bg-color, --bs;color)?是不合法的，而?var(--bg-color, --value(bs;color))?是合法的）。