CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftensammlung

CSS3 text-shadow Eigenschaft CSS3 text-justify Eigenschaft

CSS3 text-Verwendung und Beispiel der overflow-Eigenschaft

text-Die CSS-Eigenschaft overflow bestimmt, ob der Textcontainer, wenn er überfließt, sichtbar ist (statt unsichtbar)overflowBeispiel: Wie wird der Textinhalt angezeigt, wenn es sich um ein blockiges Container-Element handelt?

Die folgende Tabelle zeigt die Verwendungsanweisungen und Versionshistorie dieses Attributes, sowie die Syntax in JavaScript-Skripten.

Standardwert:	clip
Erforderlich für:	Block-Container
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript-Syntax:	Objekt.style.textOverflow="ellipsis"

Hinweis:Zum Beispiel kann der Text ausbrechen, wenn der Element auf nowrap gesetzt ist und der Leerzeichen oder die einzige Wörter zu lang sind, um ihn zu fassen, was zu einem Textüberlauf führt.

text-Syntax der Verwendung von overflow

Die Syntax dieses Attributes ist wie folgt:

text-overflow:　clip　|　ellipsis　|　string　|　initial　|　inherit

Der folgende Beispiel zeigt, wie text-overflow-Eigenschaft.

Beispiel

　　p　{
　overflow:　hidden;
　white-space:　nowrap;
　　　text-overflow:　ellipsis;
　　}

Testen Sie hier‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
clip	Clip ist für den Textinhalt geeignet. Zeichen können möglicherweise nur teilweise dargestellt werden.
ellipsis	Verwenden Sie das Ellipsenzeichen ('...'）anstelle des ausgeschnittenen Textes.
string	Verwenden Sie die angegebene Zeichenfolge, um den ausgeschnittenen Text darzustellen. Diese Zeichenfolge wird im Inhaltsbereich angezeigt und verkürzt die Größe der angezeigten Text.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der verknüpfte Element auf den Text des Elternelements text-Werte der overflow-Eigenschaft.

Browserkompatibilität

text-Kompatibilität der overflow-Eigenschaft mit Browsern, die in der folgenden Tabelle durch die niedrigste Versionsnummer des Browsers angegeben wird, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 7+ Google Chrome1+ Internet Explorer 6+ Apple Safari 1+ Opera 9+

Hinweis: Internet Explorer unterstützt-ms-text-overflow kann als Präfixversion mit Synonymen verwendet werden-overflow. Opera 9und10Versionen mit Präfixen werden unterstützt-o-text-overflow.

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials zu den folgenden Themen:CSS OverflowundCSS Text.

Textbezogene Eigenschaften:letter-spacing,text-align,text-decoration,text-indent,text-shadow,text-transform,white-space,word-spacing.

CSS3 text-shadow Eigenschaft CSS3 text-justify Eigenschaft