#grid-template
Kurzschreibweise für grid-template-rows
grid-template-columns
und grid-template-area
.
default
grid-template: none;
Es sind keine Zeilen, Spalten oder Bereiche definiert.
grid-template: 200px 1fr / 100px auto 3rem;
Sie können zuerst Zeilen und dann Spalten definieren, indem Sie sie mit einem Schrägstrich /
trennen.
grid-template: "header header header" 50px "sidebar main main" 200px / 100px auto;
Sie können sowohl Bereiche als auch Reihen und Spalten definieren. In diesem Fall ist jedem Satz von Bereichen eine Zeilengröße zugeordnet. Die erste Zeile ist 50px
hoch, die zweite ist 200px
hoch. Die Spalte der Seitenleiste ist 100px
breit, während die Breite der Hauptspalte auf auto
eingestellt ist und die restliche Breite einnimmt.
Letzte Artikel von Redaktion (Alle anzeigen)
- Virtuelle private Netzwerke (VPN): Was steckt hinter dieser Technologie? - 30. August 2022