Premenná css

Príklady kódu

premenná nastavenia css

:root {
  --main-bg-color: coral;
}

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

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

premenná css

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

vytvoriť premennú v css

:root {
  --tab-count: 5;
}

#div1 {
  width: calc(100% - var(--tab-count));
}

premenné css

:root {
  --background-color: #333;
  --text-color: #fff;
}
body {
  background-color: var(--background-color);
  color: var(--text-color);
}

premenná css

...
<style>
	:root{
  		--couleur-principale: brown;
	}
	#test1{
		color:var(--couleur-principale);
	}
</style>
...

premenné css

:root {
    --main-bg-color: brown;
  }
  
.uno {
    color: white;
    background-color: var(--main-bg-color);
    margin: 10px;
    width: 50px;
    height: 50px;
    display: inline-block;
}

Podobné stránky

Podobné stránky s príkladmi

premenná css

ako používať premenné v css

koreňové farby css

Globálne premenné CSS

vytvorenie premennej v css

V iných jazykoch

Táto stránka je v iných jazykoch

empty row

Русский

..................................................................................................................

Ссылка

English

..................................................................................................................

Link

Italiano

..................................................................................................................

Link

Polski

..................................................................................................................

Link

Română

..................................................................................................................

Legătură

한국어

..................................................................................................................

링크

हिन्दी

..................................................................................................................

लिंक

Français

..................................................................................................................

Lien

Türk

..................................................................................................................

Atıf

Česk

..................................................................................................................

Odka

Português

..................................................................................................................

Referênci

ไทย

..................................................................................................................

เชื่อมโยง

中文

..................................................................................................................

链接

Español

..................................................................................................................

Referencia

Балгарскі

..................................................................................................................

Спасылка

Íslensk

..................................................................................................................

Link

Populárne v tejto kategórii

Populárne stránky s príkladmi v kategórii

empty row

css pridať komentár

css veľkosť obrázka na pozadí fit screen

aby text nebol zabalený css

css prvý

mriežka opakujúce sa automatické stĺpce

importujte css do iného súboru css

vytvorte css prekrytie pozadia

ako posúvať pevnú pozíciu

text-pretečeniu elipsy viac riadkov

Zakázať horizontálne posúvanie

vyberte aj dieťa css