Od provozovatele projektu Rychlost.CZ

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ůPopisHodnota
colorbarva 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