Referenz:CSS/Eigenschaften/grid-auto-rows

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-auto-rows CSS 3.0
Beschreibung Die grid-auto-rows-Eigenschaft legt Anzahl und Größe von impliziert erzeutgen Zeilen fest (row track).
erlaubte Werte
  • positive Längenangabe oder Prozentwert
  • <flex>: Angabe eines nicht-negativen Bruchteils mit der Einheit fr (Fraction: engl. für Bruch)
  • max-content Schlüsselwort, das den größten Inhaltsbeitrag des tracks kennzeichnet
  • min-content Schlüsselwort, das den geringsten Inhaltsbeitrag des tracks kennzeichnet
  • die Funktion minmax(min, max), die Mindest- und Maximalangaben angibt.
  • auto, die sich am minimalen Bedarf des vorhandenen Inhalts ausrichtet
default-Wert
  • none
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif grid-auto-rows
Beispiel
body {
  grid-auto-rows: 200px 500px 200px; 
}

Der body enthält 3 Zeilen, von denen die mittlere statt 200px aber 500px hoch ist;

Beachten Sie

Für die Browser IE10, IE 11 und Edge benötigen Sie den vendorprefix -ms-.
Auch ohne Angabe dieser Eigenschaft verteilt sich der vohandene Inhalt über das Raster, indem er die Zeilen Spalte für Spalte füllt.

Tipp

{{{Tipp}}}