Pseudo-elemento ::first-line do CSS

Definição e uso

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

Atenção:As seguintes propriedades podem ser usadas com ::first-line Usar juntas:

• Todas as propriedades de fonte
• Todas as propriedades de fundo
• cor
• text-shadow
• word-spacing
• letter-spacing
• text-transform
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• vertical-align
• line-height

Exemplo

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

p::first-line {
  font-size: 20px;
  text-decoration: underline;
  background-color: lightgreen;
}

Experimente você mesmo

Sintaxe CSS

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

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Tutorial:Elemento pseudo-CSS