属性 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