HALLOWEEN JE TADY: Získej 66 % extra kreditů zdarma při nákupu od 1199 kreditů s promo kódem NEBOJSEIT66. Zjisti více:
NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:

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:

Ukázka ostylování stínu textu v CSS - Text a písmo - CSS vlastnosti

 

Všechny články v sekci
Text a písmo - CSS vlastnosti
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity