CSS

CSS Outline Width
عرض الإطار الخارجي outline في لغة CSS

سوف تتعلم في هذا الدرس كيفة ضبط والتحكم في سُمك (حجم) الإطار الخارجي للعنصر وذلك عن طريق خاصية outline-width في لغة CSS.

التاريخ

14 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1350

المواضيع

24
الشروحات chevron_left CSS Outline Width chevron_left CSS
CSS Flex Box keyboard_arrow_down

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

تُستخدم خاصية outline-width مع القيمة medium لتحديد عرض outline بسُمك متوسط في لغة 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;
}
مصطلحات الدرس
Outline
Outline

حدود عريضة خارجية

Width
Width

عرض

Property
Property

خاصية

Thin
Thin

نحيف

Medium
Medium

وسط

Thick
Thick

سميك

Specific Size
Specific Size

تحديد الحجم

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

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

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

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