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