CSS initial-letter Eigenschaft

Definition und Verwendung

initial-letter Die Eigenschaft spezifiziert die Größe der ersten Zeile und optional die Anzahl der Zeilen, in denen die erste Zeile absteigen soll (im Text nach unten).

Diese Eigenschaft gilt für :first-letter Pseudo-Element und der erste inline-stufige Kindkонтейнер.

Beispiel

Zeige verschiedene Größen der ersten Zeile an：

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* Die erste Zeile nimmt 2 Zeilen ein */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* Die erste Zeile nimmt 4 Zeilen ein */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* Die erste Zeile nimmt 4 Zeilen ein und senkt sich 2 Zeilen ab */
}

Selbst ausprobieren

CSS-Syntax

initial-letter: normal|number|integer;

Eigenschaftswert

Wert Beschreibung
normal Standardwert. Keine Wirkung. Text wird normal dargestellt.
number Setzt die Größe der ersten Zeile (die Zeilen, die von der ersten Zeile überquert werden sollen).
integer Optional. Setzt die Anzahl der Zeilen, in denen die ersten Zeilenabstürze (im Text) erfolgen sollen.

Technische Details

Standardwert： normal
Vererbbarkeit： Nein
Animationserstellung： Nicht unterstützt. Bitte参阅：Animationsspezifische Eigenschaften.
Version: CSS3

Browser-Unterstützung

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

Die folgenden -webkit- Präfixe spezifizieren die erste arbeitende Version mit Vorzeichen.

Chrome Edge Firefox Safari Opera
110.0 110.0 Nicht unterstützt 9.0 -webkit- 96.0