ویژگی CSS hyphens
- صفحه قبل height
- صفحه بعدی hyphenate-character
تعریف و استفاده
ویژگی 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- هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.
| کروم | IE / Edge | افرادا | سافاری | اوپرا |
|---|---|---|---|---|
| 55.0 | 79.0 10.0 -ms- |
43.0 | 5.1 -webkit- | 44.0 |
- صفحه قبل height
- صفحه بعدی hyphenate-character
