ویژگی Style flexWrap
- صفحه قبل flexShrink
- صفحه بعدی font
- بازگشت به لایه بالاتر آبجکت Style HTML DOM
تعریف و استفاده
flexWrap ویژگی تعیین می‌کند که آیا باید عنصرهای انعطاف‌پذیر جابجا شوند یا خیر.
توجه:اگر عنصر انعطاف‌پذیر نباشد، flexWrap ویژگی نامعتبر.
لطفاً به
دستورالعمل CSS:ویژگی flex-wrap
مثال
در صورت نیاز، عنصرهای انعطاف‌پذیر را جابجا کنید:
document.getElementById("main").style.flexWrap = "wrap";
نحوه نوشتن
بازگشتی ویژگی flexWrap:
object.style.flexWrap
تنظیم ویژگی flexWrap:
object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| nowrap | مقدار پیش‌فرض. تعریف می‌کند که عنصرهای انعطاف‌پذیر جابجا نمی‌شوند. |
| wrap | تعریف می‌کند که آیا باید عنصرهای انعطاف‌پذیر در صورت نیاز جابجا شوند. |
| wrap-reverse | تعریف می‌کند که آیا باید عنصرهای انعطاف‌پذیر در صورت نیاز به ترتیب معکوس جابجا شوند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | nowrap |
|---|---|
| مقدار بازگشتی: | رشته‌ای که بیانگر ویژگی flex-wrap. |
| نسخه 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 ویژگی flexFlow
مرجع HTML DOM STYLE ویژگی flexGrow
مرجع HTML DOM STYLE ویژگی flexShrink
- صفحه قبل flexShrink
- صفحه بعدی font
- بازگشت به لایه بالاتر آبجکت Style HTML DOM
