מאפיין flex-direction

מאפיין flex-direction קובע את כיוון הציר הראשי שלאורכו פריטי flex מסודרים — אופקי (row) או אנכי (column).

.container { flex-direction: column; }

.container { display: flex; flex-direction: row-reverse; }

rowערך ברירת המחדל. הפריטים זורמים בכיוון inline (ב-ltr משמאל לימין).

row-reverseכיוון inline הפוך.

columnהפריטים זורמים בכיוון בלוק (לרוב מלמעלה למטה).

column-reverseכיוון בלוק הפוך.

CSS Flexible Box Layout Module Level 1

Editor's Draft

CSS 1

CSS 2

CSS 3

CSS 4

CSS 5

Show all code