😎 » CSS3 » Grid » grid-row
523 0  

grid-row

CSS-свойство grid-row - это сокращенное свойство для grid-row-start и grid-row-end, определяющее размер и расположение элемента сетки в строке сетки путем добавления линии, промежутка или чего-либо (автоматически) для его размещения в сетке. , тем самым, указав край inline-start и inline-end своей области сетки.

Синтаксис написания:

.item {
  grid-row: <start-line> / <end-line> | <start-line> / span <value>;
}


Возможный варианты написания:

/* Keyword values */
grid-row: auto;
grid-row: auto / auto;

/* <custom-ident> values */
grid-row: somegridarea;
grid-row: somegridarea / someothergridarea;

/* <integer> + <custom-ident> values */
grid-row: somegridarea 4;
grid-row: 4 somegridarea / 6;

/* span + <integer> + <custom-ident> values */
grid-row: span 3;
grid-row: span somegridarea;
grid-row: 5 somegridarea span;
grid-row: span 3 / 6;
grid-row: span somegridarea / span someothergridarea;
grid-row: 5 somegridarea span / 2 span;

/* Global values */
grid-row: inherit;
grid-row: initial;
grid-row: unset;

Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023