Pseudo-elementos tipograficos: Primera línea de un párrafo

27/Nov/2007 CSS , 2 Comentarios

Mediante el pseudo-elemento CSS first-line podemos modificar las propiedades de la primera línea de un párrafo. Entendemos como primera línea, donde el navegador corta el párrafo por coincidir con el final del navegador.

Las propiedades que podemos modificar en el pseudo-elemento CSS first-line son las siguientes:

  • propiedades font
  • propiedades color
  • propiedades background
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • clear

Así, por ejemplo podemos especificar el siguiente código:

  1. p:first-line{
  2. color:#0000ff;
  3. text-transform:uppercase;
  4. }

Donde la primera línea será en color azul y estará en mayúsculas.

Ahora solo nos queda poner un párrafo en nuestra página HTML. Como el siguiente:

<p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lentejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. El resto della concluían sayo de velarte, calzas de velludo para las fiestas con sus pantuflos de lo mismo, los días de entre semana se honraba con su vellori de lo más fino.</p>

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

2 comentarios en “Pseudo-elementos tipograficos: Primera línea de un párrafo”

Víctor Cuervo

mayerlin vergara sanchez

me gusta todo lo que hacen

Víctor Cuervo

Víctor Cuervo

Muchas gracias por este comentario. Nos ayuda mucho a seguir publicando cosas.

Los comentarios están cerrados.