English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

دليل خصائص CSS

استخدام خاصية word-wrap CSS و مثال

خصائص word-wrap CSS تحدد لمنع التدفق الزائد، مما يسمح للنص الطويل بالانقسام تلقائيًا.

جدول أدناه يوضح تعليمات الاستخدام و سجلات الإصدارات لهذه الخاصية، بالإضافة إلى نص استخدامها في سكربتات جافا سكربت.

القيمة الافتراضية:normal
يُستخدم ل:جميع العناصر
الوراثة:نعم
يمكن تفعيله عن طريق الرسوم المتحركة:لايرجى الرجوع إلى: خصائص الرسوم المتحركة
الإصدار: ميزات CSS3 الجديدة
جافا سكربت:JavaScript.style.wordWrap="break-word"

نص استخدام word-wrap

نص التركيب الخاص بهذه الخاصية هو:

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، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفحات التي يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون الخاصية.

  • Firefox 3.5+

  • Google Chrome1+

  • Internet Explorer 5.5+

  • Apple Safari 1+

  • Opera 10.5+

قراءة متعمقة

يرجى الرجوع إلى التعليمات التالية:CSS Text

خصائص ذات صلة:word-break،white-space،text-overflow