انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 41
دورة لغة CSS

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

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

ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
5
الأمثلة
6
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,243
محتوى الدرس
في هذا الدرس 5تصفّح المواضيع

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.

HTML 
outline-width:value;

outline-width values

قيم خاصية outline-width في لغة CSS.

HTML 
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.

HTML 
.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.

HTML 
.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.

HTML 
.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.

HTML 
.length
{
 outline-style:solid;
 outline-width:5px;
}
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…

ابنِ لغتك البرمجية

المصطلحات7

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 7 مفهومةأول بطاقة، أول خطوة
01 Outline حدود عريضة خارجية
للمراجعة
02 Width عرض
للمراجعة
03 Property خاصية
للمراجعة
04 Thin نحيف
للمراجعة
05 Medium وسط
للمراجعة
06 Thick سميك
للمراجعة
07 Specific Size تحديد الحجم
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

حروف قليلة. معنى كامل.

الاختصارات1

راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.

0 / 1 مفهومةأول بطاقة، أول خطوة
01 CSS CSS
Cascading Style Sheets
صفحات الأنماط الانسيابية
للمراجعة

اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.

مساحة التحدي

اختبر فهمك.
ووصلها للإتقان.

كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.

1أسئلة 1أنواع تحديات 100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.

أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.

الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.

لمحة عن التحدي1 أسئلة تنتظرك
01

ما قيمة ال value التالية "thin " مقارنة بالبيكسل ؟