تًستخدم خاصية 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