Elemento pseudo ::first-letter do CSS

Definição e uso

CSS ::first-letter Os elementos pseudo são usados para definir o estilo da primeira letra de elementos de bloco.

Nota:As seguintes propriedades podem ser usadas com ::first-letter Usar juntas:

• todas as propriedades das fontes
• todas as propriedades de fundo
• todas as propriedades do preenchimento externo
• todas as propriedades do preenchimento interno
• todas as propriedades das bordas
• cor
• decoração do texto
• sombra do texto
• espaçamento das letras
• espaçamento das palavras
• transformação do texto
• cor da decoração do texto
• linha da decoração do texto
• estilo da decoração do texto
• sombra da caixa
• vertical-align (apenas quando float for none)
• height da linha
• flutuante

Exemplo

Escolha e defina o estilo da primeira letra de cada elemento <p>:

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

Experimente você mesmo

Sintaxe CSS

::first-letter {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números das tabelas indicam a primeira versão do navegador que suporta completamente esse elemento pseudo.

Páginas relacionadas

Tutorial:Elementos pseudo-CSS