Funzione CSS var()
- Kudumu Hisia url() fungu
- Tendekani Hisia acos() fungu
- Rudi katika ukweli wa juu Kitabu cha mafunzo ya mizungumzo wa mifungo wa mbinu wa kijifunzea
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 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); }
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
- Kudumu Hisia url() fungu
- Tendekani Hisia acos() fungu
- Rudi katika ukweli wa juu Kitabu cha mafunzo ya mizungumzo wa mifungo wa mbinu wa kijifunzea