خصائص hyphens CSS

التعريف والاستخدام

تعريف خاصية hyphens يحدد ما إذا كان مسموحًا باستخدام كلمة الوصل لإنشاء فرص تغيير السطر في نص سطر واحد.

مثال

تعيين كلمات الوصل المختلفة:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

جرب بنفسك

نص CSS

hyphens: none|manual|auto|initial|inherit;

قيمة الخاصية

القيمة الوصف
none الكلمة بدون كلمة الوصل (لا يُقسم إلى أسطر).
يدوي الافتراضي. الكلمة تحتوي على كلمة الوصل فقط في ‐ أو ­ (إذا لزم الأمر).
auto إدراج كلمة الوصل في الموقع المحدد بالخوارزمية (إذا لزم الأمر).
initial اجعل هذا الخصائص قيمته الافتراضية. انظر إلى: initial.
inherit يرث هذا الخصائص من العنصر الأم. انظر إلى: inherit.

تفاصيل التقنية

القيمة الافتراضية: يدوي
الوراثة: نعم
صنع الحركة: غير مدعوم. انظر إلى:خصائص الحركة.
الإصدار: CSS3
جافا سكربت النص: object.style.hyphens="none"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.

الرقم الذي يحتوي على -webkit- أو -ms- يمثل الإصدار الأول الذي يستخدم البادئة.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-
43.0 5.1 -webkit- 44.0