עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
flex-direction CSS Property
The flex-direction property establishes the main axis direction along which flex items are laid out — horizontal (row) or vertical (column).
.container {
flex-direction: column;
}
.container {
display: flex;
flex-direction: row-reverse;
}
rowThe default value. Items flow in inline direction (ltr = left-to-right).row-reverseReversed inline direction.columnItems flow in block direction (usually top-to-bottom).column-reverseReversed block direction.
CSS Flexible Box Layout Module Level 1
Editor's Draft
W3CMDN
CSS 1
CSS 2
CSS 3
CSS 4
CSS 5
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext