✔️ grid-template-rows CSS Style Property

המאפיין grid-template-rows מציין את מספר (והגבהים) של השורות בפריסת רשת.

הערכים הם רשימה מופרדת ברווחים, כאשר כל ערך מציין את גובה השורה המתאימה.

דוגמא: הגדרת גובה שורות בגריד

Demo Panel:

Row 1

Row 2

Row 3

CSS: 111

HTML: 222

Syntax:

grid-template-rows: none | auto | max-content | min-content | length | initial | inherit;

Valid values:

none, auto, min-content, max-content, revert, revert-layer, unset, inherit, initial

Units: px

Js Syntax: element.style.gridTemplateRows

תאימות דפדפנים

grid-template-rows
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
100px 300px	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
auto	✔️	✔️	✔️	✔️
min-content	✔️	✔️	✔️	✔️
max-content	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️