Funzione CSS var()

Maelezo na matumizi

CSS ya var() Funzione inayotumika kwa kuingiza upeo wa muwire ya CSS.

Mfano

Mfano 1

Kwanza, ingiza muwire ya kawaida ya jina --main-bg-color, kisha tumia katika tabia ya mtindo wa mawakili. var() Kuingiza upeo wa muwire wa funzione:

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

Mfano wa kufiafaa

Mfano 2

Mfano wa kuingiza kwa sababu ya kufikiria kwa sababu ya kuingiza upeo wa muwire hii: var() Mfano wa kufikiria kwa sababu ya kuingiza upeo wa kina ya CSS zaidi ya mabaki: var()

: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);
}

Mfano wa kufiafaa

Inayotumika kwa CSS

var(--name, value)
Value Maelezo
--name Inayotakiwa. Jina la muwire (linaonekana na herufi mbili ya kina).
value Inayochaguliwa. Chaguo la kawaida (kama haukufikia muwire).

Vivyo ya teknolojia

Mwaka: CSS3

Matumizi ya programu ya wasafiri

Mafuriko ya数字 katika tablica inaonyesha sababu ya kufikiria kwa sababu ya programu ya wasafiri wa kwanza inayosimamia hii funzione.

Chrome Edge Firefox Safari Opera
49 15 31 9.1 36

Vingine vya kuelewa

Mafunzo:Hisia mifano