كورس css | وظيفة border في لغة CSS #4


النموذج التعليمي

في هذا الدرس ستتعلم وظيفة و طريقة كتابة border في لغة CSS .

   عنوان المحاضرةوظيفة border في لغة CSS
   ترتيب المحاضرةالمحاضرة الرابعة
   مدة المحاضرة4:07
   نوع الكورسcss
   نوع الدورةدورة تصميم مواقع






وظيفة border في لغة CSS
هي تعطي حدود للعنصر حيث تستطيع عمل حدود و تلوينها و تغيير شكلها و حجمها بكل بساطة
تستطيع عمل حد علوي فقط
انظر المثال
تستطيع عمل حد جانبي فقط
انظر المثال
تستطيع عمل حد من جميع الاتجاهات
انظر المثال
تستطيع تغيير لون الحد
انظر المثال
ملحوظة سيتم تنفيذ جميع العناصر و عرض نتيجتها

وظيفة border في لغة CSS 

هي تعطي حدود للعنصر حيث تستطيع عمل حدود و تلوينها و تغيير شكلها و حجمها بكل بساطة

تستطيع عمل حد علوي فقط

انظر المثال




div{ width: 80%; height: 100px; border-top: solid 10px red; background: #FF9FA0; text-align: center }



تستطيع عمل حد جانبي فقط
انظر المثال




div{ width: 80%; height: 100px; border-right: solid 10px red; background: #FF9FA0; text-align: center }



تستطيع عمل حد من جميع الاتجاهات

انظر المثال





div{
width: 80%;
height: 100px;
border: solid 10px red;
background: #FF9FA0;
text-align: center
}



 تستطيع تغيير لون الحد
انظر المثال






 . ملحوظة سيتم تنفيذ جميع العناصر و عرض نتيجتها

No comments:

Post a Comment