خصائص او اوامر الحدود او الاطارات:
1- Border-width: وهى الخاصيه المتحكمه فى سمك او عرض الأطار
2-Border-Color : الخاصيه المتحكمه فى لون الاطار
3-Border-style: الخاصيه المتحكمه فى شكل الاطار
---------------------------------------------------------------------------------------------------
يمكن التحكم فى كل جانب من جوانب الاطار left , right , bottom , top
1- Border-width: وهى الخاصيه المتحكمه فى سمك او عرض الأطار
h1{border-width : thick ;} PX وحده قياس
----------------------------------------------------------------------------------------------2-Border-Color : الخاصيه المتحكمه فى لون الاطار
h1{border-color : rgb (aaa,fff,a3d) ;} نظام RGB
----------------------------------------------------------------------------------------------3-Border-style: الخاصيه المتحكمه فى شكل الاطار
h1{border-style : dotted ;}
-----------------------------------------------------------------------------------------------
4-Border : الخاصيه التى يمكن تجميع الخواص السابقه فى سطر واحد فقط
p{border : border-width border-color border-style ;}
p{border : medium red solid ;}
---------------------------------------------------------------------------------------------------
يمكن التحكم فى كل جانب من جوانب الاطار left , right , bottom , top
EX:
h1 {border-top-width : 20px;
border-top-color : red ;}
h1{ border-top-width : thick ;
border-top-color : black ;}
التطبيق .. شاهد الفديو
ويتم التطبيق بالطريقه الثانيه و الطريقه الثالثه
الآن .. أختبـــــــــــــــــــــــــــــ(ـنفسك)ــــــــــــــــــــــــــــــــــــــر..
1- قم بتجربه الكود بنفسك
2-استخدم استخدم الطريقه الاولى لكتابه كود CSS لتجربه هذه الخصائص
ويتم التطبيق بالطريقه الثانيه و الطريقه الثالثه
الآن .. أختبـــــــــــــــــــــــــــــ(ـنفسك)ــــــــــــــــــــــــــــــــــــــر..
1- قم بتجربه الكود بنفسك
2-استخدم استخدم الطريقه الاولى لكتابه كود CSS لتجربه هذه الخصائص