ویژگی Style flexFlow

تعریف و استفاده

flexFlow ویژگی است flexDirection و flexWrap ویژگی کوتاه‌نویسی این ویژگی است.

flexDirection ویژگی تعیین می‌کند که مسیر پروژه‌های انعطاف‌پذیر چیست.

flexWrap ویژگی تعیین می‌کند که آیا باید پروژه‌های انعطاف‌پذیر جابجا شوند یا خیر.

نکات:اگر عنصر یک پروژه انعطاف‌پذیر نباشد، flexFlow ویژگی نامعتبر.

لطفاً به

مرجع CSS:flex-flow 属性

مثال

نمایش پروژه‌های انعطاف‌پذیر به صورت ستون و بدون جابجایی:

document.getElementById("main").style.flexFlow = "column nowrap";

آزمایش شخصی

نحوه نوشتن

بازگشتی ویژگی flexFlow:

object.style.flexFlow

تنظیم ویژگی flexFlow:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

مقدار ویژگی

مقدار توضیحات
flex-direction

مقدارهای ممکن:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

مقدار پیش‌فرض "row" است.

تعیین می‌کند که مسیر پروژه‌های انعطاف‌پذیر چیست.
flex-wrap

مقدارهای ممکن:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

مقدار پیش‌فرض "nowrap" است.

تعیین می‌کند که آیا باید پروژه‌های انعطاف‌پذیر جابجا شوند یا خیر.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: row nowrap
مقدار بازگشتی: رشته‌ای که نشان‌دهنده flex-flow 属性.
نسخه CSS: CSS3

پشتیبانی مرورگر

جداول شامل نسخه اولین مرورگرهایی که این ویژگی را کاملاً پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی 11.0 پشتیبانی 9.0 پشتیبانی

مرتبط صفحات

HTML DOM STYLE مرجع کتابflex 属性

HTML DOM STYLE مرجع کتابflexBasis 属性

HTML DOM STYLE مرجع کتابflexDirection 属性

HTML DOM STYLE مرجع کتابflexGrow 属性

HTML DOM STYLE مرجع کتابflexShrink 属性

HTML DOM STYLE مرجع کتابflexWrap 属性