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

لون الإطار في لغة CSSCSS Border Color

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

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

CSS Border Color لون الإطار في لغة CSS

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


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

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

border color syntax

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

HTML 
border-color:value;

border color values

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

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

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

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

CSS Border Color with color name

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

HTML 
p
{
  border-style: solid;
  border-color: red;
}
جرّب بنفسك

CSS Border Color with hex color

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

HTML 
p
{
  border-style: dotted;
  border-color: #0f0;
}
جرّب بنفسك

CSS Border Color with hex rgb

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

HTML 
p
{
  border-style: dashed;
  border-color: rgb(0,0,255);
}
جرّب بنفسك

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

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

CSS Border Color with color transparent

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

HTML 
p
{
  border-style: solid;
  border-color: transparent;
}
جرّب بنفسك

مشاركة

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

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

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

المصطلحات11

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

0 / 11 مفهومةأول بطاقة، أول خطوة
01 Color لون
للمراجعة
02 Border حد
للمراجعة
03 Borders حدود
للمراجعة
04 Property خاصية
للمراجعة
05 Sides جوانب
للمراجعة
06 Name اسم
للمراجعة
07 Parent الأب
للمراجعة
08 Specific Side Colors ألوان جانبية محددة
للمراجعة
09 Top أعلي
للمراجعة
10 Bottom أسفل
للمراجعة
11 Left يسار
للمراجعة

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

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

الاختصارات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

ماهي الخاصية التي تستخدم في تحديد لون الاطار ؟

____