في هذا الدرس 2تصفّح المواضيع
CSS Borders
الإطارات في لغة CSS
CSS Borders الإطارات في لغة CSS
في لغة CSS لكي نُضيف border إطار لأي عنصر نحتاج إلي إضافة سُمك الإطار بالأضافة إلي لون الأطار ونوع الإطار وتحديد إي جانب للعنصر سوف يظهر الإطار عنده.
الخصائص التي تتحكم في الإطارات:
الخصائص التي تتحكم في الإطارات:
- border-width تُحدد عرض أو سٌمك الإطار لجميع الجوانب.
- border-style تُحدد نوع الإطار لجميع الجوانب.
- border-color تُحدد لون الإطار لجميع الجوانب.
- border-[top,bottom,left,right]-width تُحدد عرض أو سٌمك الإطار علي حسب الجانب.
- border-[top,bottom,left,right]-style تُحدد نوع الإطار علي حسب الجانب.
- border-[top,bottom,left,right]-color تُحدد لون الإطار علي حسب الجانب.
- border تُحدد جميع الخصائص لجميع الجوانب.
CSS Border Style
CSS Border Style
يُمكن تغيير أوتُحديد نوع (شكل) border الإطار على المتصفح عن طريق خاصية border-style في لغة CSS لجميع جوانب الإطار.
انواع أو أشكال Border الإطارات المسموح بها:
- dotted لعمل border مُنقط.
- dashed لعمل border مكون من علامه ال dash -.
- solid لعمل border بخط رفيع.
- double لعمل border مزدوج.
- groove لعمل border 3D.
- ridge لعمل border 3D.
- inset لعمل border 3D.
- outset لعمل border 3D.
- none لإلغاء ال border.
- hidden لعمل border مخفي.
رحلتك في الدرس
—سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
ابنِ لغتك البرمجية
المصطلحات23
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
0 / 23 مفهومةأول بطاقة، أول خطوة
- 01 Borders حدود
- للمراجعة
- 02 Element عنصر
- للمراجعة
- 03 Properties خصائص
- للمراجعة
- 04 Style نمط أو شكل
- للمراجعة
- 05 Width عرض
- للمراجعة
- 06 Color لون
- للمراجعة
- 07 Border حد
- للمراجعة
- 08 Web Browser متصفحات الإنترنت
- <p><a href="https://www.closetag.com/tutorial/internet/browsers">المزيد عن Web Browser</a></p>
- للمراجعة
- 09 Dotted حد منقط
- للمراجعة
- 10 Dashed حد متقطع
- للمراجعة
- 11 Solid حد عادي
- للمراجعة
- 12 Double حد مزدوج
- للمراجعة
- 13 Groove حد 3D
- للمراجعة
- 14 Ridge حد 3D
- للمراجعة
- 15 Inset حد 3D
- للمراجعة
- 16 Outset حد 3D
- للمراجعة
- 17 None لاشئ
- للمراجعة
- 18 Hidden مخفي
- للمراجعة
- 19 Property خاصية
- للمراجعة
- 20 Top أعلي
- للمراجعة
- 21 Right يمين
- للمراجعة
- 22 Bottom أسفل
- للمراجعة
- 23 Left يسار
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
حروف قليلة. معنى كامل.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
0 / 2 مفهومةأول بطاقة، أول خطوة
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
مساحة التحدي
اختبر فهمك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
2أسئلة
2أنواع تحديات
100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي2 أسئلة تنتظرك ＋
ماهي الخاصية التي تستخدم في تحديد نوع الاطار ؟
____