ویژگی overflow-wrap CSS
- صفحه قبلی overflow-anchor
- صفحه بعدی overflow-x
تعریف و کاربرد
overflow-wrap
ویژگی مشخص میکند که آیا مرورگر میتواند کلمات بلند را در صورت خارج شدن از حاشیهها به خط بعدی منتقل کند یا خیر.
مثال
به مرورگر اجازه میدهد که در صورت خارج شدن کلمات بلند از حاشیهها، آنها را به خط بعدی انتقال دهد:
div { overflow-wrap: break-word; }
جملات برنامهنویسی CSS
overflow-wrap: normal|anywhere|break-word|initial|inherit;
مقدار ویژگی
مقدار | توضیح |
---|---|
normal | کلمات بلند به خط بعدی منتقل نمیشوند، حتی اگر از حاشیهها خارج شوند. مقدار پیشفرض. |
هر جا | اگر کلمات بلند از حاشیهها خارج شوند، آنها را به خط بعدی انتقال میدهد. |
break-word | اگر کلمات بلند از حاشیهها خارج شوند، آنها را به خط بعدی انتقال میدهد. |
initial | این ویژگی را به مقدار پیشفرض خود تنظیم میکند. به: initial. |
inherit | این ویژگی را از عنصر والد خود ارث میبرد. به: inherit. |
جزئیات فنی
مقدار پیشفرض: | normal |
---|---|
erbستگی: | بله |
انیمیشنسازی: | پشتیبانی نمیشود. لطفاً به:ویژگیهای مرتبط با انیمیشن. |
نسخه: | CSS3 |
جملات برنامهنویسی جاوااسکریپت: | object.style.overflowWrap="normal" |
پشتیبانی مرورگر
числа در جدول نشاندهنده نسخه مرورگر اولیهای هستند که این ویژگی را کامل پشتیبانی میکند.
chrome | edge | фایرفاکس | сafari | опера |
---|---|---|---|---|
23.0 | 18.0 | 49.0 | 6.1 | 12.1 |
صفحات مرتبط
آموزش:CSS پرتابل
- صفحه قبلی overflow-anchor
- صفحه بعدی overflow-x