WebDev.wiki > CSS > CSS vlastnosti a hodnoty > color

color

Definice a použití

Color definuje barvu písma daného elementu. Pokud není barva písma elementu zadaná, záleží na prohlížeči, jaká bude, ale defaultně bývá černá. Barva písma je dědičná, takže např. stačí nastavit písma elementu "body" a všechny ostatní elementy stránky jej zdědí.

CSS syntaxe

color: color;

Hodnoty vstupů	Popis	Hodnota
color	barva v HEX tvaru (#c00, #CC0000), rgb(r,g,b), rgba(r,g,b,a) nebo inherit - výchozí zděděná	inherit

Ukázka:

text v odstavci bude modrý.

CSS

p{
color: blue;
}

Použité vlastnosti: color

HTML

<p>Text umístěný v odstavci.</p>

Použité tagy: <p>

Výsledek:

Text umístěný v odstavci.

Ukázka:

Druhy zápisu barvy.

CSS

.slovni-barva{
color:blue;
}

.hexa-barva-zkracene{
color: #000;
}

.hexa-barva{
color: #000000;
}

.rgb-barva{
color: rgb(255,0,0);
}

.rgba-barva{
color: rgba(255,0,0,0.5);
}

Použité vlastnosti: color

HTML

<p class="slovni-barva">Odstavec v modré barvě</p>
<p class="hexa-barva-zkracene">Odstavec v černé barvě, zkrácený zápis v CSS</p>
<p class="hexa-barva">Odstavec v černé barvě, plný zápis v CSS</p>
<p class="rgb-barva">Odstavec v červené barvě</p>
<p class="rgba-barva">Odstavec v červené barvě, poloprůhledný</p>

Použité tagy: <p>

Výsledek:

Odstavec v modré barvě

Odstavec v černé barvě, zkrácený zápis v CSS

Odstavec v černé barvě, plný zápis v CSS

Odstavec v červené barvě

Odstavec v červené barvě, poloprůhledný

Podpora webových prohlížečů

Firefoxano

Internet Explorerano

Google Chromeano

Safariano

Operaano