Atributo CSS initial-letter

Definição e uso

initial-letter A propriedade especifica o tamanho da primeira letra, e opcionalmente o número de linhas que a primeira letra deve cair (para baixo no texto).

Esta propriedade se aplica a :first-letter O primeiro elemento inline-level de um pseudo-elemento e um contêiner bloco.

Exemplo

Exibir diferentes tamanhos de primeiras letras:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* A primeira letra ocupa 2 linhas */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* A primeira letra ocupa 4 linhas */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* A primeira letra ocupa 4 linhas e cai 2 linhas */
}

Experimente você mesmo

Sintaxe do CSS

initial-letter: normal|number|integer;

Valor da propriedade

Detalhes técnicos

Suporte do navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente essa propriedade.

O sufixo -webkit- após o número especifica a primeira versão funcional com prefixo.