text-transform - Český CSS 3 manuál

HTML a CSS Manuál Text a písmo text-transform - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti text-transform ostylujeme text tak, aby se zobrazoval pouze velkými nebo malými písmeny. Vlastnost se dědí.

Hodnoty

  • none (výchozí) - Text se zobrazí tak, jak je zapsaný.
  • capitalize - Zobrazí každé počáteční písmeno v každém slově textu jako velké. Další písmena ponechá tak, jak jsou zapsaná.
  • uppercase - Zobrazí celý text velkými písmeny.
  • lowercase - Zobrazí celý text malými písmeny.
  • inherit - Vlastnost text-transform se zdědí od rodičovského elementu.

Ukázka

<!DOCTYPE html>
<html>
        <head>
                <style>
                p
                {
                        text-transform: lowercase;
                }
                </style>
        </head>
        <body>
                <p>TexTo TeXT BUDe vYkresLENÝ malýMI PÍSmeny.</p>
        </body>
</html>

Výsledek:

Ukázka transformace textu přes CSS

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti

 

 

Komentáře

Avatar
Nocik
Člen
Avatar
Nocik:

malá chybička "Texto text bude vykreslený..." jen pro upozornění :)

Odpovědět 15. října 14:10
Vítězství je stav mysli.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.