You are here : cssCSS 3flex-direction

flex-direction - CSS 3

The flex-direction property specifies the direction of the flexible items.Note: If the element is not a flexible item, the flex-direction property has no effect.


Syntax

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;


Example

div
{    display: -webkit-flex; /* Safari */
     
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
     
  display: flex;
     
  flex-direction: row-reverse; 
}


Output / Return Value


Limitations


Alternatives / See Also


Reference