text-shadow - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti text-shadow přidáme textu stín. Vlastnost se dědí.
Syntaxe
Syntaxe vlastnosti text-shadow je následující:
text-shadow: x y rozostření barva;
Hodnoty
- x - Vodorovná pozice stínu vůči textu. Můžeme uvést i záporné hodnoty.
- y - Svislá pozice stínu vůči textu. Můžeme uvést i záporné hodnoty.
- rozostření - Nepovinný parametr udávající rozostření v délkových jednotkách (tedy např. v pixelech).
- barva - Nepovinný parametr udávající barvu stínu.
Ukázka
<!DOCTYPE html> <html> <head> <style> h1 { text-shadow: 6px 3px 6px rgb(150, 150, 150); } p { text-shadow: 1px 1px 2px blue; } </style> </head> <body> <h1>Nadpis se stínem</h1> <p>Lorem ipsum se stínem 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: