CSS hyphens Eigenschaft

Definition und Verwendung

Die hyphens-Eigenschaft definiert, ob es erlaubt ist, durch den Einsatz von Bindestrichen mehr Zeilenumbrüche in einer Zeile zu erzeugen.

Beispiel

Verschiedene Bindestriche setzen:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Probieren Sie es selbst aus

CSS-Syntax

hyphens: none|manual|auto|initial|inherit;

Eigenschaftswert

Wert Beschreibung
none Wörter ohne Bindestrich (kein Umbruch).
manuell Standard. Das Wort hat nur am ‐ oder ­ einen Bindestrich (wenn erforderlich).
auto Fügen Sie das Wort mit Bindestrich an der festgelegten Position ein (wenn erforderlich).
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: manuell
Vererbung: ja
Animationserstellung: Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.hyphens="none"

Browser-Unterstützung

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

Zahlen mit -webkit- oder -ms- als Präfix stehen für die erste Version, die das Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0