grid-template-columns
Flexbox und Grid
Legt Anzahl und Breite der Grid-Spalten fest.
| Schreibweise | grid-template-columns: 1fr 1fr; |
|---|---|
| Gängige Werte | 1fr 1fr, repeat(3, 1fr), auto, minmax(0, 1fr) |
| Vererbt | Nein — sie endet hier |
| Kategorie | Flexbox und Grid |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft grid-template-columns?
Legt Anzahl und Breite der Grid-Spalten fest.
Q. Wie schreibt man grid-template-columns?
Als grid-template-columns: 1fr 1fr; Gängige Werte sind 1fr 1fr, repeat(3, 1fr), auto, minmax(0, 1fr).
Q. Wird grid-template-columns vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Zu welcher Gruppe gehört grid-template-columns?
Zur Gruppe Flexbox und Grid.