18. Display grid часть 4. Свойства, применяемые к объекту в grid сетке. grid-row & column, order

Аватар автора
Я у мамы программист
В четвертой части по CSS Grid мы познакомимся со свойствами, применяемыми к самому элементу. Пройдем такие свойства, как: grid-row-start, grid-row-end; grid-column-start, grid-column-end; grid-row; grid-column; order; justify-self; align-self; --- Аннотация к уроку --- Свойства, применяемые к элементу: grid-row-start: [значение] - цифровое значение, показывающее начало строки для определенного блока grid-row-end: [значение] - цифровое значение, показывающее конец строки для определенного блока grid-column-start: [значение] - цифровое значение, показывающее начало столбца для определенного блока grid-column-end: [значение] - цифровое значение, показывающее конец столбца для определенного блока grid-row: 1 / 3; - показывает начало и конец строки для определенного блока grid-column: 1 / 3; - показывает начало и конец столбца для определенного блока order: 0; - показывает порядок расположения блоков в сетке, начиная с нуля. Блок с большим числом в order переходит в конец сетки. justify-self: stretch; - выровнять элемент по ширине. Начальное свойство stretch. align-self: stretch; - выровнять элемент по высоте. Начальное свойство stretch.

0/0


0/0

0/0

0/0