CSS grid-columns Eigenschaft
Browser-Unterstützung
Derzeit unterstützt kein Browser grid-columns.
Definition und Verwendung
Die grid-columns-Eigenschaft definiert die Breite jeder Spalte im Gitter.
Tipp:Das Gitter-System hat für Druckdesigner großen Wert. Jetzt wird die gleiche Änderung auch auf Online-Inhalte angewendet. Die Gittereigenschaften bieten die Möglichkeit, die Größe und Position von Überschriften, Text und Bildern in skalierbaren Gittern anzupassen.
Beispiel
Füge in der Mitte des div-Elements eine Gitterzeile hinzu, füge eine weitere 200 Pixel vom rechten Rand entfernt hinzu und eine weitere in der Mitte des verbleibenden Raums:
div
{
grid-columns:50% * * 200px;
}
CSS Syntax
grid-columns: length|%|none|inherit;
Attributwert
| Wert | Beschreibung |
|---|---|
| length | Referenziere das Gitter des enthaltenen Blocks. |
| % | Referenziere die Breite des enthaltenen Blocks. |
| keine | |
| inherit |
技术细节
| Standardwert: | keine |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.gridColumns="50% * * 200px" |
