انتقل إلى محتوى الدرس
الدرس 42
دورة لغة CSS

لون الإطار الخارجي outline في لغة CSSCSS Outline Color

سوف تتعلم في هذا الدرس إضافة أو تغيير لون outline الإطار في لغة CSS borders بواسطة خاصية outline-color.

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

CSS outline Color لون الإطار الخارجي outline في لغة CSS

خاصية outline-color في لغة CSS تُسخدم لإضافة لون أو تغيير لون outline الإطار للأربع sides جوانب.


قيم خاصية outline-color في لغة CSS:

  • color لون الإطار يكتب بأي طريقة من طرق الألوان [hex color - rgb color - color nam].
  • transparent لون الإطار يكون شفاف.

outline color syntax

طريقة كتابة خاصية outline-color في لغة CSS.

HTML
outline-color:value;

outline color values

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

HTML
outline-color:color|transparent|initial|inherit;

CSS outline Color with color خاصية outline-color مع القيمة color في لغة CSS

خاصية outline-color والقيمة هي color في لغة CSS لتحديد أو تغير لون إطار العنصر.

CSS outline Color with color name

خاصية outline-color مع القيمة color وكتابة إسم اللون في لغة CSS.

HTML
p
{
  outline-style: solid;
  outline-color: red;
}

CSS outline Color with hex color

خاصية outline-color مع القيمة color وكتابة اللون hex في لغة CSS.

HTML
p
{
  outline-style: dotted;
  outline-color: #0f0;
}

CSS outline Color with hex rgb

خاصية outline-color مع القيمة color وكتابة اللون rgb في لغة CSS.

HTML
p
{
  outline-style: dashed;
  outline-color: rgb(0,0,255);
}

CSS outline Color with transparent خاصية outline-color مع القيمة transparent في لغة CSS

خاصية outline-color مع القيمة transparent في لغة CSS لعمل لون إطار شفاف.

CSS outline Color with color transparent

خاصية outline-color مع القيمة transparent في لغة CSS.

HTML
p
{
  outline-style: solid;
  outline-color: transparent;
}

مشاركة

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

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

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

المصطلحات6

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

0 / 6 مفهومةأول بطاقة، أول خطوة
01 Outline حدود عريضة خارجية
للمراجعة
02 Color لون
للمراجعة
03 Name اسم
للمراجعة
04 Invert عكسي
للمراجعة
05 Property خاصية
للمراجعة
06 Values قيم
للمراجعة

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

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

الاختصارات4

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

0 / 4 مفهومةأول بطاقة، أول خطوة
01 CSS CSS
Cascading Style Sheets
صفحات الأنماط الانسيابية
للمراجعة
02 HEX HEX
Hexadecimal
أرقام سداسية عشرية
للمراجعة
03 RGB RGB
Red، Green، Blue
أحمر , أخضر , أزرق
للمراجعة
04 HSL HSL
Hue, Saturation, Lightness
مسحة ، تشبع ، إضاءة
للمراجعة

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

مساحة التحدي

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

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

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

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

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

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

في ماذا تستخدم الخاصية التالية "outline -color " ؟