Тест по CSS — Grid Layout
Какое значение CSS-свойства display превращает элемент в grid-контейнер?
- display: block;
- display: grid;
- display: inline;
- display: flex;
Какое свойство задаёт количество и размеры колонок сетки?
- grid-auto-flow
- grid-template-rows
- grid-template-columns
- grid-layout
Какое свойство используется для задания расстояния между строками и столбцами?
- grid-area
- grid-gap
- gap
- grid-spacing
Какое свойство позволяет элементу занять несколько колонок?
- grid-column
- grid-span
- grid-line
- column-start
Какое свойство используется для создания именованных областей сетки?
- grid-template
- grid-template-areas
- template-rows
- grid-areas
Какой синтаксис используется для задания диапазона колонок или строк в сокращённой записи?
- 1 / 3
- span 3
- auto
- start-end
Какое свойство задаёт, с какой строки начинается элемент?
- grid-start
- grid-row-start
- row-line
- start-row
Какая единица измерения задаёт долю от свободного пространства в grid-контейнере?
- auto-fit
- repeat
- fr
- minmax
Какое свойство задаёт размер неявно создаваемых колонок?
- grid-auto-columns
- grid-template-columns
- grid-columns
- auto-columns
Какое свойство определяет направление автоматического размещения элементов?
- grid-auto-flow
- grid-flow
- grid-direction
- auto-direction
Какое свойство задаёт расстояние между колонками в сетке?
- grid-row-gap
- column-gap
- grid-gap
- row-gap
Какое свойство можно использовать, чтобы элемент занял именованную область?
- grid-area
- grid-section
- template-area
- area
Какое свойство позволяет элементу охватывать несколько строк?
- grid-row
- row-span
- grid-start-end
- row-track
Какое значение позволяет задать минимум и максимум размера ячейки?
- minmax
- fit-content
- max-content
- auto-fill
Какое свойство позволяет одновременно задать вертикальное и горизонтальное выравнивание элементов внутри ячеек?
- place-content
- align-items
- justify-self
- place-items