CSS :: Erstzeilenselektor
Beispiel
Wählen und gestalten Sie die erste Zeile jedes <p>-Elements:
p::first-line
{
background-color: yellow;
}
Definition und Verwendung
Der ::first-line
Selektor wird verwendet, um der ersten Zeile des angegebenen Selektors einen Stil hinzuzufügen.
Hinweis: Die folgenden Eigenschaften können mit ::first-line verwendet werden:
- Schrifteigenschaften
- Farbeigenschaften
- Hintergrundeigenschaften
- Wortabstand
- Buchstaben-Abstand
- Textdekoration
- vertikal ausrichten
- Text-Transformation
- Zeilenhöhe
- klar
Hinweis: Der ::First-Line-Selektor kann nur mit Block-Level-Elementen 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-line | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
CSS-Syntax
::first-line {
css declarations;
}
Verwandte Seiten
CSS-Tutorial: CSS-Pseudo-Elemente