Menu Riverview Church

FLEX-DIRECTION

The flex-direction property specifies how flex items are placed in the flex container by setting the direction of the flex container's main axis.

SYNTAX

CSS

flex-direction: value;

JS

object.style.flexDirection = "value";

VALUES

<'flex-direction'> = column | column-reverse | row | row-reverse

Specifies how flex items are placed in the flex container by setting the direction of the flex container's main axis.

column

The flex container's main axis has the same orientation as the block axis of the current writing mode.

column-reverse

The same as column except the main-start and main-end directions are swapped.

row

The flex container's main axis has the same orientation as the inline axis of the current writing mode.

row-reverse

The same as row except the main-start and main-end directions are swapped.

INITIAL

row

EXAMPLES

COLUMN

COLUMN-REVERSE

ROW

ROW-REVERSE

JS

INTERNAL

flex-flow

flex-wrap

EXTERNAL

World Wide Web Consortium (W3C)