ویژگی overflow-wrap CSS

تعریف و کاربرد

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 پرتابل