CSS

CSS Borders
الإطارات في لغة CSS

ستتعلم في هذا الدرس ما هي حدود أو الإطارات في لغة CSS التي تُضاف للعناصر لكي تُعطي شكل جمالي أو تُحدد ملامح العنصر.

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

3007

المواضيع

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

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

يُمكن تغيير  أوتُحديد نوع (شكل)  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 مخفي.
مصطلحات الدرس
Borders
Borders

حدود

Element
Element

عنصر

Properties
Properties

خصائص

Style
Style

نمط أو شكل

Width
Width

عرض

Color
Color

لون

Web Browser
Web Browser

متصفحات الإنترنت

link
Dotted
Dotted

حد منقط

Dashed
Dashed

حد متقطع

Solid
Solid

حد عادي

Double
Double

حد مزدوج

Groove
Groove

حد 3D

Ridge
Ridge

حد 3D

Inset
Inset

حد 3D

Outset
Outset

حد 3D

None
None

لاشئ

Hidden
Hidden

مخفي

Property
Property

خاصية

Top
Top

أعلي

Right
Right

يمين

Bottom
Bottom

أسفل

Bottom
Bottom

أسفل

Left
Left

يسار

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

Cascading Style Sheets

صفحات الأنماط الانسيابية
HTML
HTML

Hypertext Markup Language

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

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

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