Elemento pseudo ::first-letter de CSS

Definición y uso

CSS ::first-letter Los elementos pseudo se utilizan para establecer el estilo de la primera letra de los elementos de nivel bloque.

Nota:Las siguientes propiedades pueden usarse con ::first-letter Uso conjunto:

• Todas las propiedades de fuente
• Todas las propiedades de fondo
• Todas las propiedades de margen externo
• Todas las propiedades de margen interno
• Todas las propiedades de borde
• color
• text-decoration
• text-shadow
• letter-spacing
• word-spacing
• text-transform
• text-decoration-color
• text-decoration-line
• text-decoration-style
• box-shadow
• vertical-align (sólo cuando float es none)
• line-height
• float

Ejemplo

Elije y configura el estilo de la primera letra de cada elemento <p>:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

Prueba tú mismo

Sintaxis de CSS

::first-letter {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el elemento pseudo.

páginas relacionadas

Tutoriales:elementos pseudo de CSS