تًستخدم خاصية text-decoration-thickness للتحكم في ديكور النصوص وهي تعمل جنباً إلي جنب مع خاصية text-decoration-line وتتحكم في سُمك الخطوط التي تكون أعلي أو أسفل أو من خلال النص.

قيم خاصية text-decoration-thickness في لغة CSS.

auto هو الوضع الأفتراضي والمتصفح يختار سُمك الخط.
length تحديد حجم الخط بوحدة بكسل pixel.
percentage يتم تكبير حجم الخط بالنسبة المئوية.
from-font إذا كان ملف الخط يشمل سُمك الخط فأستخدم هذة الخاصية وأذا لم يكن متاح السُمك داخل الملف فأستخدم قيمة auto.

text-decoration-thickness syntax

طريقة كتابة خاصية text-decoration-thickness في لغة CSS.

text-decoration-thickness:value;

value vs value

مقارنة بين قيم خاصية text-decoration-style في لغة CSS.

text-decoration-thickness values

قيم خاصية text-decoration-thickness في لغة CSS.

text-decoration-thickness:auto|from-font|length/percentage|initial|inherit;

</> CSS Text Decoration thickness auto
خاصية text-decoration-thickness مع القيمة auto في لغة CSS

خاصية text-decoration-thickness مع خاصية text-decoration-style بقيمة auto يكون خط النصوص بحجمة الأفتراضي.

جربها بنفسك

CSS Text Decoration thickness auto

خاصية text-decoration-thickness مع القيمة auto في لغة CSS.

p
{
  text-decoration-line:underline;
  text-decoration-color:red;
  text-decoration-thickness:auto;
}

جربها بنفسك

</> CSS Text Decoration thickness length
خاصية text-decoration-thickness مع القيمة length في لغة CSS

خاصية text-decoration-thickness مع خاصية text-decoration-style بقيمة length يكون خط النصوص بحجم وحدة بكسل التي يتم تحديدها.

جربها بنفسك

CSS Text Decoration thickness length

خاصية text-decoration-thickness مع القيمة length في لغة CSS.

p
{
  text-decoration-line:underline;
  text-decoration-color:red;
  text-decoration-thickness:3px;
}

جربها بنفسك

</> CSS Text Decoration thickness percentage
خاصية text-decoration-thickness مع القيمة percentage في لغة CSS

خاصية text-decoration-thickness مع خاصية text-decoration-style بقيمة percentage يكون خط النصوص بحجم النسبة المئوية التي يتم تحديدها نسبة إلي حجم النص.

جربها بنفسك

CSS Text Decoration thickness percentage

خاصية text-decoration-thickness مع القيمة percentage في لغة CSS.

p
{
  text-decoration-line:underline;
  text-decoration-color:red;
  text-decoration-thickness:3px;
}

جربها بنفسك

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

CSS Text Decoration thickness
سماكة خط النصوص في لغة CSS

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات CSS Text Decoration thickness CSS