IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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