في هذا الدرس 4تصفّح المواضيع
تحدد text-decoration-thickness سُمك خط الزخرفة الذي تنشئه text-decoration-line؛ لا تغير حجم حروف النص.
auto: يختار المتصفح سُمكًا مناسبًا، وهي القيمة الابتدائية.length: طول مثل3pxأو0.1em؛ ليست الوحدة محصورة في البكسل.- النسبة المئوية تحسب من
1emفي الخط الحالي. from-font: تستخدم السماكة المفضلة في ملف الخط إن توفرت؛ وإلا يختار المتصفح تلقائيًا كما معauto.
text-decoration-thickness syntax
طريقة كتابة خاصية text-decoration-thickness في لغة CSS.
text-decoration-thickness:value;value vs value
تعرض المعاينة أشكال زخرفة مختلفة مع سماكات محددة؛ ثم تقارن الأمثلة التالية قيم السماكة نفسها.
text-decoration-thickness values
قيم خاصية text-decoration-thickness في لغة CSS.
text-decoration-thickness:auto|from-font|length/percentage|initial|inherit;تترك text-decoration-thickness: auto اختيار سُمك خط الزخرفة للمتصفح. لا تعني auto قيمة لخاصية text-decoration-style.
CSS Text Decoration thickness auto
خاصية text-decoration-thickness مع القيمة auto في لغة CSS.
p
{
text-decoration-line:underline;
text-decoration-color:red;
text-decoration-thickness:auto;
}يمكن تحديد سماكة الزخرفة بطول، مثل 3px في المثال. تقبل الخاصية وحدات طول أخرى أيضًا، مثل em.
CSS Text Decoration thickness length
خاصية text-decoration-thickness مع القيمة length في لغة CSS.
p
{
text-decoration-line:underline;
text-decoration-color:red;
text-decoration-thickness:3px;
}تحسب النسبة في text-decoration-thickness من حجم الخط الحالي. تعني 50% نصف 1em؛ فإذا كان حجم الخط 16px كانت السماكة 8px.
CSS Text Decoration thickness percentage
خاصية text-decoration-thickness مع القيمة percentage في لغة CSS.
p
{
text-decoration-line:underline;
text-decoration-color:red;
text-decoration-thickness:50%;
}سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.