CSS ::Anfangsbuchstaben- Selektor
Beispiel
Wählen Sie den ersten Buchstaben jedes <p>-Elements aus und gestalten Sie ihn:
p::first-letter
{
font-size: 200%;
color: #8A2BE2;
}
Definition und Verwendung
Der ::first-letter
Selektor wird verwendet, um dem ersten Buchstaben des angegebenen Selektors einen Stil hinzuzufügen.
Hinweis: Die folgenden Eigenschaften können mit ::first-letter verwendet werden:
- Schrifteigenschaften
- Farbeigenschaften
- Hintergrundeigenschaften
- Randeigenschaften
- Polstereigenschaften
- Grenzeigenschaften
- Textdekoration
- vertical-align (nur wenn float 'none' ist)
- Text-Transformation
- Zeilenhöhe
- schweben
- klar
Hinweis: Der ::Anfangsbuchstaben-Selektor kann nur mit Elementen auf Blockebene verwendet werden.
Ausführung: | CSS1 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
::first-letter | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
CSS-Syntax
::first-letter {
css declarations;
}
Verwandte Seiten
CSS-Tutorial: CSS-Pseudo-Elemente