CSS ::first-letter Pseudo-Element

Definition und Verwendung

CSS ::first-letter Pseudo-Elemente werden verwendet, um den Stil der ersten Buchstabe eines blockartigen Elements zu setzen.

Hinweis:Nachfolgende Attribute können mit ::first-letter Zusammen verwenden:

  • Alle Schrift-Attribute
  • Alle Hintergrund-Attribute
  • Alle Außenabstand-Attribute
  • Alle Innenabstand-Attribute
  • Alle Rahmen-Attribute
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (nur wenn float none ist)
  • line-height
  • float

Beispiel

Wählen und stellen Sie den Stil der ersten Buchstabe jedes <p>-Elements ein:

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

Versuchen Sie es selbst

CSS-Syntax

::first-letter {
  css-Anweisungen;
}

Technische Details

Version: CSS1

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Element vollständig unterstützt.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Verwandte Seiten

Anleitung:CSS-Selektoren