6.3.5. Pseudoelementy

Pomocí pseudoelementů můžeme dosáhnout velice mocných grafických efektů. Bohužel je zatím většina prohlížečů nepodporuje. Pseudoelementy existují dva, first-line a first-letter, a slouží k nastavení vlastností první řádky resp. prvního písmene textu v daném elementu. Malá ukázka: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Ukázka pseudoelementu</TITLE>
<STYLE TYPE="text/css"><!--
  P.iniciala:first-letter { font-size: 300%; float: left }
--></STYLE>
</HEAD>
<BODY>
<P CLASS=iniciala>"V té lednici už zase nic není," pomyslel si
pan J. a smutně si namazal krajíc chleba se sádlem, když v tom
se ozvalo zaklepání. Přerušil pohyb ruky, která směřovala
spolu s jeho večeří k ústům, a šel ke dveřím.
</BODY>
</HTML>

Všimněme si zajímavé vlastnosti. Kromě prvního písmene se změna nastavení dotkla i uvozovek. Jedná se o ustálený typografický zvyk.

Předcházející  Nahoru  Další
  Domů  

Tento dokument je určen výhradně pro osobní potřebu seznámení se s jazykem HTML a tvorbou webových stránek. Jakékoliv jiné použití, včetně dalšího šíření, pořizování kopií, použití při školeních a výuce apod. je výslovně zakázáno a bude považováno za porušení autorských práv.


Copyright © 1997–2010 Jiří Kosek
blog comments powered by Disqus