السلام عليكم
كما درسنا الكثير من قبل حول خواص لغة CSS فاليوم معنا درس جديد للخاصية ..
border-leftوهي لا تختلف كثيراً عن خاصية border bottom التي أخذناها في الدروس الماضية
الخاصية يمكنك من خلالها تلوين او تحديد نوع او شكل الضلع الايسر من مربع مثلاً او صندوق او حدود لأي شئ كان
دعونا نقوم بمثال على ذلك وسوف يتضح الأمر..
افتح صفحة تكست فارغة واعطها الامتداد html و ضع فيها هذا الكود..
<!DOCTYPE html>
<html>
<head>
<style>
p{
border-style: solid;
border-left: 5px dotted #ff0000;
padding:5px;width:300px;
}
</style>
</head>
<body>
<p>
Mini Soft By Ahmad Saleh.<br/>
Mini Soft By Ahmad Saleh.<br/>
Mini Soft By Ahmad Saleh.<br/>
Mini Soft By Ahmad Saleh.<br/>
</p>
</body>
</html>
الان احفظ الصفحة وافتحها على اي متصفح لترى التالي ..
 |
| border-left: 5px dotted #ff0000 |
وهكذا رأينا الضلع الايسر وقد تم تغيره تماماً عن باقي الاضلاع ولكن كيف تم وضع حدود أخرى باللون الاسود ؟
تم هذا بواسطة السطر الأزرق في الكود السابق
وبهذا تعرفنا على خاصية border left ويليها ان شاء الله الخاصية border right
اترككم في رعاية الله وامنه
شكرا ع الدرس الرائع
ردحذففي انتظار المزيد
العفوو, قريباً ان شاء الله
حذف