Krátké seznámení s pseudoprvky fist-letter a first-line
Pseudoprvky jsou selektory, které definují neexistující prvky a třídy, které nejsou přímo v dokumentu. Rozšiřují nám tedy dokument o prvky, které nemůžeme použít standardními tagy v (X)HTML. Takové pseudoprvky nám například umožní nadefinovat vlastnosti prvnímu znaku v odstavci (first-letter), nebo prvnímu řádku (first-line). Tím můžete zkrášlit obsah svých stránek. Pojďme se podívat na tyto pseudoprvky podrobněji. Ve stylopisu definujeme odstavec textu:p {COLOR: #000; FONT-SIZE: 80%; text-align:left} V dalším řádku definujeme první písmeno každého odstavce. Nastavíme tedy pomocí pseudoprvku first-line velikost fontu a obtékání zleva. Také je lepší nastavit výšku řádky pro vertikální vycentrování.
p:first-letter {font-size: 230%; float:left; line-height: 145%;}Tím jsme dosáhli nastylování poze prvního písmene každého odstavce. U definování prvního řádku textu postupujemě stejně, pouze místo p:first-letter dosadíme p:first-line.
Autor: Ondřej Kůrka
2024 ©