loader

Cвойство grid-row определяет с какой строки в макете сетки будет начинаться элемент, сколько строк будет занимать элемент, или на какой строке завершится элемент в макете сетки. Является сокращенным свойством для свойств grid-row-start и grid-row-end.

grid-row հատկությունը որոշում է, թե որ տողից կսկսվի տարրը grid-դասավորության մեջ, քանի տող կզբաղացնի կամ որ տողի վրա կավարտվի grid-դասավորության մեջ: Այս հատկությունը համարվում է grid-row-start-ի և grid-row-end-ի կրճատումը:

Синтаксис

Գրելաձև

grid-row: auto; ⟿ Не влияет на размещение элемента сетки. По умолчанию, равный 1.
grid-row: 2; ⟿ Влияет на размещение элемента сетки.
grid-row: 2 / 3; ⟿ Влияет на начальное размещение элемента сетки | Влияет на конечное размещение элемента сетки.
grid-row: auto; ⟿ Չի ազդում ցանցի տարրի տեղադրման վրա: Սովորաբար արժեքը 1 է.
grid-row: 2; ⟿ Ազդում է ցանցի տարրի տեղադրման վրա.
grid-row: 2 / 3; ⟿ Ազդում է ցանցի տարրի սկզբնական տեղադրման վրա | Ազդում է ցանցի տարրի վերջնական տեղադրման վրա.

Пример

Օրինակ

See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image

Также у тега grid-row есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը grid-row элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 16+ 57+ 52+ 10.1+ 44+
Notes