color - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti color nastavujeme barvu písma v HTML elementu. Vlastnost se dědí.
Hodnotu barvy můžeme zadat několika způsoby.
Hodnoty
- barva - Barvu můžeme specifikovat slovně, např. blue. I když prohlížeče podporují mnoho slovních barev, validních je pouze základních 16: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white a yellow.
- inherit - Barva textu se určí podle rodičovského elementu.
Barvu můžeme zadat i pomocí jednotlivých složek modelu RGB. Slouží k tomu funkce rgb(červená, zelená, modrá) a rgba(červená, zelená, modrá, alfakanál). Jednotlivé hodnoty jsou od 0 do 255. Syntaxe je následující:
/* červená barva pomocí RGB */ color: rgb(255, 0, 0);
Dále můžeme použít hexadecimální notaci RGB barev, její syntaxe je následující:
/* červená barva pomocí hexadecimální notace */ color: #FF0000;
K výběru barev můžete použít on-line aplikaci Colorpicker
Ukázka
<!DOCTYPE html> <html> <head> <style> p { color: blue; } </style> </head> <body> <h1>Ukázka stylování textu</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </body> </html>
Výsledek:
