Pseudo-elementos tipograficos (CSS).

por | 16 julio 2009
Dentro de los pseudo-elementos tenemos los pseudo-elementos tipográficos, mediante los cuales podremos dar estilo a la primera letra o a la primera línea de un texto. Consiguiendo con ello efectos periodísticos. Cuando vayamos a utilizar estos pseudo-elementos debemos de tener en cuenta que solamente son aplicables a elementos en bloque (como párrafos, capas,...) y no a elementos en línea. Las propiedades que podemos modificar son las de fuente, color y fondo, text-decoration, vertical-align, text-transform, line-height, margenes, relleno, borde, float y clear. Para utilizar un pseudo-elemento tiporafico podremos first-line (para la primera línea) y first-letter (para la primera letra). PseudoElementosTipograficos.htm <html> <head> <title>Pseudo-elementos Tipograficos</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <STYLE> p:first-letter {font-family:"letter gothic"; font-size:40px}; span:first-line {font-variant:small-caps; font-weight:bolder;} </STYLE> </head> <body bgcolor="#FFFFFF" text="#000000"> <p style="width:80px;">En un lugar de la mancha de cuyo nombre no quiero acordarme...</p> <span style="width:300px; text-align:justify;">Ley de partidos.<br> IU del Pa&iacute;s Vasco se desmarca de Llamazares y apoya el 'no' a a la ilegalizaci&oacute;n de Batasuna</span> </body> </html> Fuente: Webtaller. Autor: aulambra.com
Compartir... Email this to someoneShare on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0Tweet about this on Twitter