English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsübersicht

CSS3 word-size Eigenschaft

word-Verwendung und Beispiel des break-Attributs

Das break CSS-Attribut wird verwendet, um festzulegen, wie innerhalb von Wörtern gezielt umgebrochen wird.

Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieses Attributes sowie seine Verwendung in JavaScript-Skripten.normal
Standardwert:Geeignet für:
Alle ElementeVererbung:
JaAnimierbar:Nein. Animationseigenschaft
Version: CSS3neue Funktion
JavaScript-Syntax:object.style.wordBreak="break-all"

word-Syntax der Verwendung von break

Die Syntax dieses Attributes ist wie folgt:

word-break: normal | break-all | keep-all  | initial | inherit

Die folgenden Beispiele zeigen, wie man word-break-Attribut.

  p {
   width: 150px;
   background: #90ee90;
   word-break: break-all;
  }
Testen Sie heraus‹/›

Attributwerte

Die folgende Tabelle beschreibt die Werte dieses Attributes.

WertBeschreibung
normalWörter werden gemäß ihren gängigen Regeln umgebrochen.
break-allErlaubt Zeilenumbruch innerhalb von Wörtern.
keep-allVerbot des Verwenden von Leerzeichen zwischen Paaren von Buchstaben. Zeilenumbruch nur an Halbbreitstrichen oder Bindestrichen zulassen.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird das zugehörige Element das word des übergeordneten Elements verwenden-Werte des break-Attributs.

Browserkompatibilität

word-Kompatibilität der Browser für das break-Attribut; die Zahlen in der folgenden Tabelle geben die niedrigste Versionsnummer der Browser an, die das Attribut unterstützen; alle gängigen Browser unterstützen dieses Attribut.

  • Firefox 15+

  • Google Chrome4+

  • Internet Explorer 5.5Oben

  • Apple Safari 3.1+

  • Opera 15+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Text

zusammenhängende Eigenschaften:word-wrapwhite-spacetext-overflow