NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.

white-space - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti white-space nastavujeme chování mezer v textu. Můžeme docílit toho, aby se ponechávalo několik mezer vedle sebe nebo aby se text podle nich nezalamoval. Dále ovlivníme i zalamování řádků.

Hodnoty

  • normal (výchozí) - Více mezer zasebou se nahradí jedinou mezerou. Text se zalamuje pouze když je to potřeba a konce řádků jsou ignorovány.
  • nowrap - Více mezer zasebou se nahradí jedinou mezerou. Text se zalomí pouze explicitně značkou <br />.
  • pre - Text se zobrazí přesně tak, jak je zapsán (chová se jako tag <pre>).
  • pre-line - Více mezer zasebou se nahradí jedinou mezerou. Text se zalomí podle zalomení v původním textu a také když je to potřeba.
  • pre-wrap - Text se zobrazí tak, jak je zapsán. Zalomí se podle zalomení v původním textu a také když je to potřeba.
  • inherit - Zdědí vlastnost white-space z rodičovského elementu.

Ukázka

<!DOCTYPE html>
<html>
    <head>
        <style>
        p
        {
            white-space: pre-wrap;
            width: 300px;
            border: 1px solid blue;
        }
        </style>
    </head>
    <body>
        <p>Tento text obsahuje více   m  e  z  e  r
a odřádkování, zobrazí se tak,    j  a   k je zde zapsán, pouze se
za l    o m    í, pokud je to potřeba u dlouhého řádku.</p>
    </body>
</html>

Výsledek:

Ukázka ostylování mezer v 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