Barva pozadí a textu

Pomocí kaskádových stylů lze samozřejmě měnit i barvu písma a odstavce. Barva písma lze měnit vlastností color a barva pozadí pak vlastností background-color.

Otázkou je, jak se hodnota barzvy zadává. Možností je několik. Nejčastěji používané jsou dvě a to anglický název barvy a nebo číslená specifikace jednotlivých barevných složek, takzvané RGB.

Pro slovní zadání barvy, je možné použít některou z následujících hodnot.

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

Pro většinu z nich lze použít ještě předpony light a dark, takže například lightgray je světlešená a darkgray naopak tmavě šedá.

RGB

Zápis barvy ve formátu složek RGB (red -červená, green- zelená, blue - modrá) lze provádět následujícími způsoby.

Decinálně

Tento zápis se zadává rgb(red, gree, blue), kde jednotlivé barevné složky složené barvy se zadávají číslem v rozsahu 0 až 255. Například čistě červená barva by měla zápis: rgb(255,0,0).

Hexadecimálně

Hexadecimální zápis je asi nejpoužívanější a vypadá takto #RRGGBB, kde RR vyjadřije červenou složku, GG zelenou a BB modrou. Zápis složek je v hexadecimálním tvaru, takže například červená barva by se zapsala ve tvaru: #FF0000.

Procentuelně

Obdobně jako decimální zápis lze zapsat hodnoty v procentech, takže červená barva by měla zápis: RGB(100%,0%,0%).

Konkrétní příklad obarvení textu

<p style="background-color: lightgray; color: red;">Odstavec se světle šebým pozadím a červeným textem.</p>

Naposledy změněno: Středa, 19. února 2014, 10.33