CSS

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

ستتعلم في هذا الدرس طريقة زخرفة النصوص وتغيير سماكة الخطوط الموجودة أعلي أو أسفل أو خلال النص عن طريق خاصية text-decoration-thickness في لغة CSS.

التاريخ

04 نوفمبر 2022

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

881

المواضيع

24
الشروحات chevron_left CSS Text Decoration thickness chevron_left CSS
CSS Flex Box keyboard_arrow_down

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

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

تًستخدم خاصية 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;
}
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.