ویژگی 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 属性