loader

Cвойство grid-auto-rows указывает размер неявно созданной дорожки строки сетки или шаблона дорожек. Если элемент сетки помещается в строку, размер которой явно не задан параметром grid-template-rows, для его удержания создаются неявные дорожки сетки. Это может произойти либо путем явного позиционирования в строке, которая находится вне допустимого диапазона, либо с помощью алгоритма автоматического размещения, создающего дополнительные строки.

grid-auto-rows հատկությունը սահմանում է ստեղծված ցանցի տողերի չափը: Եթե ​​ցանցի տարրը տեղավորվում է մի շարքի մեջ, որը հստակ չափված չէ grid-template-rows-ով, ապա այն պահելու համար ստեղծվում են ցանցային տողեր: Դա կարող է տեղի ունենալ կամ սահմանից դուրս գտնվող գծի վրա հստակ դիրքավորելու միջոցով, կամ օգտագործելով տեղադրման ավտոմատ ալգորիթմը, որը ստեղծում է լրացուցիչ գծեր:

Синтаксис

Գրելաձև
grid-auto-rows: auto; ⟿ Автоматически устанавливает максимальную ширину и высоту.
grid-auto-rows: min-content; ⟿ Минимальная ширина.
grid-auto-rows: max-content; ⟿ Максимальная ширина.
grid-auto-rows: minmax(100px, auto); ⟿ Минимальное значение | Максимальное значение.
grid-auto-rows: 100px 150px 390px; ⟿ Размер первого грида | Размер второго грида | Размер третьего грида. grid-auto-rows: auto; ⟿ Ավտոմատ սահմանում է առավելագույն լայնությունը և բարձրությունը.
grid-auto-rows: min-content; ⟿ Նվազագույն լայնություն.
grid-auto-rows: max-content; ⟿ Առավելագույն լայնությունը.
grid-auto-rows: minmax(100px, auto); ⟿ Նվազագույն արժեքը | Առավելագույն արժեքը.
grid-auto-rows: 100px 150px 390px; ⟿ Առաջին ցանցի չափը | Երկրորդ ցանցի չափը | Երրորդ ցանցի չափը.

Пример

Օրինակ

See the Pen grid-auto-rows by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

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

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

 wbr image

Также у тега grid есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը grid-auto-rows элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 16+ 57+ 70+ 10.1+ 44+
Notes