Primera línea de texto
El pseudo-elemento :first-line permite aplicar estilos a la primera línea de un texto. Las palabras que forman la primera línea de un texto dependen del espacio reservado para mostrar el texto o del tamaño de la ventana del navegador, por lo que CSS calcula de forma automática las palabras que forman la primera línea de texto en cada momento.
1 2 3 |
p<strong>:first-line</strong> { text-transform: uppercase; } |
Primera letra
1 2 3 4 5 6 7 |
#avanzado p<strong>:first-letter</strong> { font-size: 2.5em; font-weight: bold; line-height: .9em; float: left; margin: .1em; } |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.