Atributo CSS initial-letter

Definición y uso

initial-letter El atributo especifica el tamaño de la inicial, y opcionalmente el número de líneas que la inicial debe descender (abajo en el texto).

Esta propiedad se aplica a :first-letter El primer elemento en línea nivel de contenedor de bloques pseudo-elemento.

Ejemplo

Mostrar diferentes tamaños de la inicial:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* La inicial ocupa 2 líneas */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* La inicial ocupa 4 líneas */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* La inicial ocupa 4 líneas y baja 2 líneas */
}

Prueba personalmente

Sintaxis de CSS

initial-letter: normal|number|integer;

Valor del atributo

Detalles técnicos

Soporte del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente la propiedad.

El sufijo -webkit- después del número especifica la primera versión funcional con prefijo.