Grundraster mit benannten Linien - Verständnisproblem
Max Payne
- css
Liebes Forum,
bei dem Beispiel "Grundraster mit benannten Linien" auf der Seite "https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/benannte_Linien_und_Rasterbereiche" verstehe ich leider etwas nicht.
"grid-column-end: rand-rechts;"
"grid-column: 1 / rand-rechts;"
Wo wird "rand-rechts" definiert? "main-links (-rechts, -oben, -unten)" verstehe und finde ich, aber "rand-rechts" wird nur verwendet und nirgends festgelegt. Ich dachte erst, es wäre ein feststehender Begriff, aber google hilft mir auch nicht weiter.
Bitte helft mir.
Max
@@Max Payne
Wo wird "rand-rechts" definiert?
Gar nicht. Scheint ein Fehler im Beispiel zu sein.
Wenn für grid-column-end
ein nicht definierter Bezeichner angegeben wird, ziehen Browser die Zelle bis zum Ende auf.
"main-links (-rechts, -oben, -unten)" verstehe und finde ich
Das Beispiel ist auch so nicht gut. Linien sollten nicht mit -links
, -rechts
, -oben
, -unten
bezeichnet werden, sondern mit -start
und -end
; bspw. main-start
, main-end
.
Dann lassen sich Spalten und Zeilen von Zellen einfach mit dem Basisbezeichner angeben: grid-row: main
anstatt grid-row: main-start / main-end
.
☞ Layout using named grid lines
LLAP 🖖
@@Gunnar Bittersmann
Vielen Dank für die schnelle Antwort und die weiterführenden Infos!
Max