CSS/Eigenschaften/grid-row
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft grid-row ist die Zusammenfassung der Eigenschaften grid-row-start und grid-row-end, die durch einen Slash (/
) getrennt werden.
Sie legt Größe und Position innerhalb der grid row fest, indem vertikaler Beginn und Ende der grid-area festgelegt wird.
Der Slash kann zusammen mit der End-Zeile weggelassen werden. Wenn dann die Start-Zeile eine <custom-ident> ist, wird die End-Zeile ebenfalls auf diese Ident gesetzt. Andernfalls wird auto verwendet.
- Erlaubte Werte
- auto: entspricht einer automatischen Platzierung mit dem Schlüsselwort
span
und einem Standardwert 1 - <custom-ident>: ein Name, dessen Positionierung von grid-template-areas näher bestimmt wird.
- eine Ganzzahl. Negative Werte zählen vom Ende des expliziten Grids her (d. h. automatisch erzeugte Zeilen werden nicht beachtet)
- ein <custom-ident>-Name, optional um eine ganzzahlige Zahl erweitert, falls Sie mehrere Rasterlinien gleichen Namens haben.
- das Schlüsselwort
span
und ein <custom-ident>-Name oder eine ganzzahlige Zahl oder beides
- auto: entspricht einer automatischen Platzierung mit dem Schlüsselwort
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- Standardwert
- auto
- anwendbar auf
alle Elemente
- Vererbung
nein
- animierbar
nein
Beispiel
nav {
grid-column: 1 / -1;
grid-row: 2 / 3;
}
Siehe auch
Weblinks
- W3C: grid-row
Liste der CSS-Eigenschaften
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen
- Animationen