Zmena malých/veľkých písmen pomocou CSS

Neviem ako presne nazvať článok, ale ten dnešný bude zase o niečom čo som nepoznal aj napriek tomu, že to ani náhodou nie je novinka. Dnes Vám ukážem, ako meniť znaky v texte napríklad z css na CSS pomocou CSS ;)

Na to slúži vlastnosť CSS s názvom text-transform. Keby som ju poznal skôr, tak by som sa nemusel trápiť s modifikáciou výstupu wp_list_pages ako minule, ale jednoducho by som použil CSS ako v nasledovnom príklade.

HTML kód:

<span style="text-transform: uppercase;">toto budú veľké písmená</span>
<span style="text-transform: capitalize;">tu zas budú len prvé písmena veľké</span>

Sa zobrazí ako:

toto budú veľké písmená
tu zas budú len prvé písmena veľké

Napriek tomu, že táto vlastnosť existuje v CSS už od verzie CSS1 tak som ju doteraz nepoznal, ale snáď sa to niekomu zíde.

Pridajte sa do konverzácie

2 komentáre

  1. Áno v PHP sa to da jednoducho, ale škoda, že toto som minule nepoznal. Požiadavka bola aby boli stránky v menu veľkými písmenami a toto by bolo ideálne. V html by ostali tak ako sú a len by ich zobrazilo veľkými písmenami… No nič, človek sa učí stále ;)

Zanechať komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *