CSS Outline Width
عرض الإطار الخارجي outline في لغة CSS
سوف تتعلم في هذا الدرس كيفة ضبط والتحكم في سُمك (حجم) الإطار الخارجي للعنصر وذلك عن طريق خاصية outline-width في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Outline Width
عرض الإطار الخارجي outline في لغة CSS
</>
CSS Outline Width
عرض الإطار الخارجي outline في لغة CSS
تًستخدم خاصية outline-width في ضبط والتحكم في سُمك (عرض) outline الإطار الخارجي للعناصر في لغة CSS.
قيم خاصية outline-width في لغة CSS:
- medium هو الحجم الأفتراضي لعرض الإطار الخارجي وهو متوسط الحجم.
- thin لتحديد عرض الإطار الخارجي بشكل رفيع.
- thick لتحديد عرض الإطار الخارجي بشكل سميك.
- length لتحديد عرض الإطار الخارجي بوحدات pixel أو em او % أو cm أو rem.
outline-width syntax
طريقة كتابة خاصية outline-width في لغة CSS.
outline-width:value;
outline-width values
قيم خاصية outline-width في لغة CSS.
outline-width:medium|thin|thick|length|initial|inherit;
</>
CSS outline width with medium
خاصية outline-width مع القيمة medium في لغة CSS
CSS outline width with medium
خاصية outline-width والقيمة medium في لغة CSS.
.medium
{
outline-style:solid;
outline-width:medium;
}
</>
CSS outline width with thin
خاصية outline-width مع القيمة thin في لغة CSS
تُستخدم خاصية outline-width مع القيمة thin لتحديد عرض outline بسُمك رفيع في لغة CSS.
CSS outline width with thin
خاصية outline-width والقيمة thin في لغة CSS.
.thin
{
outline-style:solid;
outline-width:thin;
}
</>
CSS Outline width with thick
خاصية Outline-width مع القيمة thick في لغة CSS
تُستخدم خاصية outline-width مع القيمة thick لتحديد عرض outline بسُمك عريض في لغة CSS.
CSS outline width with thick
خاصية outline-width والقيمة thick في لغة CSS.
.thick
{
outline-style:solid;
outline-width:thick;
}
</>
CSS outline width with length
خاصية outline-width مع القيمة length في لغة CSS
تُستخدم خاصية outline-width مع القيمة thick لتحديد عرض outline بسُمك عريض في لغة CSS.
CSS outline width with length
خاصية outline-width والقيمة length في لغة CSS.
.length
{
outline-style:solid;
outline-width:5px;
}
حدود عريضة خارجية
عرض
خاصية
نحيف
وسط
سميك
تحديد الحجم
Cascading Style Sheets
صفحات الأنماط الانسيابية
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
