CSS3 Spalten Immobilien
Beispiele
Gibt die Breite und Anzahl der Spalten:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
| 属性 | |||||
|---|---|---|---|---|---|
| columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Attributdefinitionen und Anweisungen
Columns-Eigenschaft ist eine Abkürzung Eigenschaft, um die Spaltenbreite und die Anzahl der Spalten festlegen.
| Standard: | auto auto |
|---|---|
| Vererbung: | keine |
| Version: | CSS3 |
| JavaScript-Syntax: | Objekt .style.columns = "100px 3" |
Grammatik
Spalten: Spaltenbreite Spaltenzahl;
| Wert | Beschreibung |
|---|---|
| Spaltenbreite | Spaltenbreite |
| column-count | Anzahl der Spalten |
Weitere Beispiele
Column-count
Text div Element in drei Spalten.
Column-Lücke
Text im div-Element in drei Spalten, und geben Sie den Abstand zwischen den Spalten eines 30 Pixel.
Column-Regel
Regeln festlegen, zwischen Spalten: Breite, Stil und Farbe.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 Mehrere die Spalten