CSS var() fonksiyonu

Tanımı ve kullanımı

CSS'nin var() CSS değişken değerlerini içe aktaran fonksiyon.

Örnek

Örnek 1

Öncelikle, --main-bg-color adında bir genel değişken tanımlayın ve stil tablosunda kullanın var() Bu değişkenin değerini içe aktaran fonksiyon:

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

Deneyin

Örnek 2

Bir diğer kullanım var() CSS değişken değerlerini içe aktaran fonksiyonun örneği:

:root {
  --main-bg-color: mercan renkli;
  --main-txt-color: mavi;
  --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);
}

Deneyin

CSS dilbilgisi

var(--name, value)

Teknik ayrıntılar

Tarayıcı desteği

Tablodaki rakamlar, bu işlevi tamamen destekleyen ilk tarayıcı sürümünü gösterir.

İlgili sayfalar

Eğitim:CSS değişkenleri