Тест по CSS — Flexbox
Какой CSS-свойство превращает контейнер в flex-контейнер?
- display: grid;
- display: block;
- display: inline;
- display: flex;
Какое свойство управляет выравниванием flex-элементов по основной оси?
- justify-items
- align-content
- justify-content
- text-align
Какое свойство выравнивает элементы по поперечной оси внутри flex-контейнера?
- align-items
- justify-content
- float
- margin
Какое свойство позволяет переопределить выравнивание отдельного flex-элемента?
- align-self
- text-align
- float
- vertical-align
Какое свойство позволяет изменять порядок отображения элементов в flex-контейнере?
- flex-grow
- z-index
- order
- display
Какое значение flex-wrap
заставит элементы переноситься на новую строку?
- nowrap
- wrap
- break
- fit-content
Какое значение по умолчанию имеет свойство flex-direction
?
- row-reverse
- column
- row
- inherit
Как правильно задать все три параметра flex (grow, shrink, basis) одновременно?
- grow-shrink-basis
- 1 0 100px
- auto auto auto
- flex: 1 0 100px;
Какое значение justify-content
распределяет элементы с равными промежутками между ними?
- space-between
- center
- flex-start
- justify
Какое свойство используется для выравнивания элементов вдоль поперечной оси?
- align-content
- align-items
- text-align
- flex-align
Какое значение у flex-direction
выстраивает элементы в колонку?
- column
- row
- reverse
- vertical
Какое свойство задаёт начальный размер элемента до распределения свободного пространства?
- flex-basis
- min-width
- width
- max-width
Какое свойство задаёт, как элемент будет расширяться в свободное пространство?
- flex-shrink
- overflow
- flex-grow
- z-index
Какое свойство управляет сжатием элемента при нехватке места?
- flex
- shrink
- order
- float
Какое значение flex-wrap
размещает элементы в несколько строк, но в обратном порядке?
- auto
- wrap
- nowrap
- wrap-reverse