dominios y alojamiento web en hostalia

Aplicar estilo a la primera línea de un texto

Deseo conocer una manera sencilla de conseguir que la primera línea de un párrafo tenga un tipo de letra distinto que el resto del texto.

La FAQ Aplicar estilo a la primera línea de un texto tiene

Pertenece a la categoría:

Pregunta
Deseo conocer una manera sencilla de conseguir que la primera línea de un párrafo tenga un tipo de letra distinto que el resto del texto.


Respuesta de Miguel Angel Alvarez
Utiliza CSS (hojas de estilo en cascada). Hay un modo de aplicar un estilo específico a la primera línea de un texto de la página, o también a la primera letra.


Utiliza los pseudo-element. En este caso deberías aplicar el pseudo-element first-line.


El ejemplo de aplicar una letra distinta a la primera línea del párrafo sería:


P:first-line {


font-size: 150%;


font-weight: bold;


}


Se puede conseguir más información en el artículo Pseudo-element en CSS.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios
Fue enviado 1 comentario a la faq
1 comentario revisado:

matute0...
otra opcion de dar estilo a la primera linea de un texto
06/10/2011
tambien se podria hacer mediante una etiqueta SPAN en la primera linea de texto le doy por ejemplo :
<span class="texto">hola como andas </span>bien por suerte todo tranquilo.
y despues en css le doy el estilo que yo quiera a la etiqueta SPAN con la clase texto. espero les sea de utilidad

Volver al árbol de categoríasVolver al árbol de categorías

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...