Pseudo-elementos tipograficos

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>

Autor: aulambra.com
http://www.tutorial-enlace.net/tutorial-Eliminar_el_subrayado_de_los_enlaces-2175.html

Usuarios que han visto este tema también han visto...

- Integración de interfaz en CSS
- Mozilla: navegador centrado en el usuario
- Herencia de estilos
- Barra de desplazamiento a medida en CSS
- 10 errores comunes en CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento