CSS ::first-letter pseudoelement

Definition och användning

CSS ::first-letter Pseudoelement används för att ställa in stilen för den första bokstaven i en blockelement.

Observera:Följande egenskaper kan användas med ::first-letter Använd tillsammans:

  • Alla teckensnittsegenskaper
  • Alla bakgrundsegenskaper
  • Alla yttre kantegenskaper
  • Alla inre kantegenskaper
  • Alla kantegenskaper
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (endast när float är none)
  • line-height
  • float

Exempel

Välj och ställ in stilen för den första bokstaven i varje <p>-element:

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

Prova själv

CSS syntax

::first-letter {
  css deklarationer;
}

Tekniska detaljer

Version: CSS1

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som fullständigt stöder detta pseudoelement.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Relaterade sidor

Tutorial:CSS pseudoelement