English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص word-wrap CSS تحدد لمنع التدفق الزائد، مما يسمح للنص الطويل بالانقسام تلقائيًا.
جدول أدناه يوضح تعليمات الاستخدام و سجلات الإصدارات لهذه الخاصية، بالإضافة إلى نص استخدامها في سكربتات جافا سكربت.
القيمة الافتراضية: | normal |
---|---|
يُستخدم ل: | جميع العناصر |
الوراثة: | نعم |
يمكن تفعيله عن طريق الرسوم المتحركة: | لايرجى الرجوع إلى: خصائص الرسوم المتحركة。 |
الإصدار: | ميزات CSS3 الجديدة |
جافا سكربت: | JavaScript.style.wordWrap="break-word" |
نص التركيب الخاص بهذه الخاصية هو:
word-wrap: normal | break-word | initial | inherit
المثال أدناه يوضح كيفية استخدام خاصية word-wrap.
p { width: 200px; background: #90ee90; word-wrap: break-word; }اختبر لمعرفة‹/›
جدول أدناه يصف قيم هذا الخاصية.
القيمة | وصف |
---|---|
normal | الانقسام فقط في نقاط الانقسام المسموح بها (يستمر المتصفح في التعامل معها بشكل افتراضي). هذا هو القيمة الافتراضية. |
break-word | إذا لم يكن هناك نقاط انقسام مقبولة في السطر، فإنه يُفرض تغيير الكلمة غير القابلة للكسر إلى السطر الجديد لتجنب التدفق الزائد. |
initial | اعتماد هذا الخاصية إلى قيمتها الافتراضية. |
inherit | إذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة الخاصية word-wrap من العنصر الأم. |
تطابق متصفحات الخاصية word-wrap، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفحات التي يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:CSS Text。
خصائص ذات صلة:word-break،white-space،text-overflow。