CSS var() 函數(shù)

實(shí)例

定義一個(gè)名為 "--main-bg-color" 的屬性，然后使用 var() 函數(shù)調(diào)用該屬性：

:root { --main-bg-color: coral; } #div1 { background-color: var(--main-bg-color); } #div2 { background-color: var(--main-bg-color); }

運(yùn)行代碼 ?

定義與用法

var() 函數(shù)用于插入自定義的屬性值，如果一個(gè)屬性值在多處被使用，該方法就很有用。

支持版本：CSS3

瀏覽器支持

表格中的數(shù)字表示支持該函數(shù)的第一個(gè)瀏覽器版本號(hào)。

函數(shù)
var()	49.0	15.0	31.0	9.1	36.0

CSS 語法

var(custom-property-name, value)

值	描述
custom-property-name	必需。自定義屬性的名稱，必需以 -- 開頭。
value	可選。備用值，在屬性不存在的時(shí)候使用。

實(shí)例

使用 var() 函數(shù)調(diào)用多個(gè)自定義的值：

:root { --main-bg-color: coral; --main-txt-color: blue; --main-padding: 15px; } #div1 { background-color: var(--main-bg-color); color: var(--main-txt-color); padding: var(--main-padding); } #div2 { background-color: var(--main-bg-color); color: var(--main-txt-color); padding: var(--main-padding); }

運(yùn)行代碼 ?

CSS 函數(shù)

其他擴(kuò)展

上一篇：CSS rgba() 函數(shù) 下一篇：CSS initial 關(guān)鍵字

中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

CSS var() 函數(shù)

實(shí)例

定義與用法

瀏覽器支持

CSS 語法

更多實(shí)例

實(shí)例