категория ФлексыCSS3-генератор ☛

Категории: Анимация@-правилаГраницыЦвет и фонКонтентФлексыФормыФорматированиеСпискиТрансформацияОтступы и поляПозиционированиеПечатьПсевдоклассыКолонкиПсевдоэлементыРазмерыТаблицыТекст и шрифтТеньРазное

Система компоновки элементов

align-contentВыравнивает строки внутри флекс-контейнера при наличии свободного пространства по поперечной оси.
align-itemsВыравнивает флекс-элементы внутри контейнера в перпендикулярном направлении.
align-selfЗадаёт выравнивание отдельного элемента в контейнере по поперечной оси.
flexСокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство.
flex-basisСвойство flex-basis определяет основу флекса, которая является начальным размером элемента.
flex-directionСвойство flex-direction определяет, как флексы располагаются в контейнере относительно основных осей и их направление.
flex-flowЯвляется сокращённым свойством для отдельных свойств flex-direction и flex-wrap.
flex-growОпределяет, сколько пространства может занимать флекс внутри контейнера.
flex-shrinkОпределяет коэффициент сжатия флексов в контейнере.
flex-wrapУказывает, следует ли флексам располагаться в одну строку или можно занять несколько строк.
justify-contentОпределяет, как браузер распределяет пространство вокруг флекс-элементов вдоль главной оси контейнера.
orderОпределяет порядок вывода флексов внутри флекс-контейнера.
Справочник CSS
×
Справочник CSS