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

CSS Referenzhandbuch

CSS @Regeln (RULES)

CSS Eigenschaften大全

CSS3 column-Verwendung und Beispiel der width-Eigenschaft

column-Die width CSS-Eigenschaft legt die beste Spaltenbreite der Mehrspaltenelemente fest. Dies ist kein absoluter Wert, der Browser kann die Breite der Spalten basierend auf den Werten anderer Attribute anpassen, insbesonderecolumn-count。

Die folgende Tabelle enthält die Beschreibung und Versionshistorie der Verwendung dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:auto
Geeignet für:nicht ersetzbarBlockElement (außer Tabellenelementen), Tabellenzellen undInline-BlockElement
Vererbung:keine
Animierbar:ist.Bitte beziehen Sie sich auf Animationseigenschaften。
Version： CSS3neue Funktion
JavaScript Syntax：object.style.columnWidth="100px"

column-width Syntax

Die Syntax dieses Attributes ist wie folgt：

column-width: length | auto | initial | inherit

Die folgenden Beispiele zeigen, wie man column-width-Eigenschaft.

p {
　　　　-webkit-column-width:　150px;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-width:　150px;　/*　Firefox　*/
　　　　　　　　　　　　column-width:　150px;　
}
Testen Sie heraus‹/›

Attributwerte

Die folgende Tabelle beschreibt die Werte dieses Attributes.

WertBeschreibung
length

Länge in absoluten oder relativen Einheiten, die zur Angabe der Spaltenbreite verwendet wird.

autoDie Spaltenbreite wird durch die anderen Attributwerte der Mehrspaltenelemente bestimmt, z.B. column-Count. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der verknüpfte Element die column des übergeordneten Elements verwenden-Der Wert der width-Eigenschaft.

Browserkompatibilität

column-Die Kompatibilität der width-Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 2+ -moz-

  • Google Chrome 4+ -webkit-

  • Internet Explorer 10+

  • Apple Safari 3.1+ -webkit-

  • Opera 11.1+ -o-，15+ -webkit-

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Anleitungen：CSS3Mehrfachspaltenlayout。

zusammenhängende Eigenschaften：column-span，column-fill，column-gap，column-rule，column-rule-color，column-rule-style，column-rule-width，column-count，columns。

CSS3 columns EigenschaftCSS3 column-span Eigenschaft