خصائص text-underline-position CSS

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

text-underline-position تحديد موقع تزيين النص مع الخطوط السفلية من خلال الخاصية.

مثال

تحديد موقع تزيين النص مع الخطوط السفلية:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

جرب بنفسك

نحو CSS

text-underline-position: auto|under|from-font|left|right|initial|inherit;

قيمة الخاصية

القيمة الوصف
تلقائي القيمة الافتراضية. يحدد المتصفح موقع الخطوط السفلية.
تحت ضبط الخطوط السفلية تحت قاعدة الحرف.
من الخط

إذا كان ملف الخط يحتوي على معلومات حول موقع الخطوط السفلية، فاستخدم هذه القيمة.

إلا إذا تم استخدام auto.

اليسار

في نمط الكتابة العمودية، سيتم وضع الخطوط السفلية على يسار النص.

في نمط الكتابة الأفقية، سيتم وضع الخطوط السفلية وفقًا لـ auto.

اليمين

في نمط الكتابة العمودية، سيتم وضع الخطوط السفلية على يمين النص.

في نمط الكتابة الأفقية، سيتم وضع الخطوط السفلية وفقًا لـ auto.

القيمة الافتراضية ضبط الخاصية إلى قيمتها الافتراضية. انظر القيمة الافتراضية.
تنسيخ تنسيخ من العنصر الأم. انظر تنسيخ.

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

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

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية لأول مرة.

كروم إيدج فايرفوكس سفاري أوبرا
33.0 79.0 74.0 12.1 20.0

الصفحات ذات الصلة

دليل:زخرفة النصوص النصية CSS

مرجع:خصائص textDecoration HTML DOM