دروس دورة CSS : شرح الخاصية border-ledt html css xml
السلام عليكم
كما درسنا الكثير من قبل حول خواص لغة CSS فاليوم معنا درس جديد للخاصية ..
border-left
الخاصية يمكنك من خلالها تلوين او تحديد نوع او شكل الضلع الايسر من مربع مثلاً او صندوق او حدود لأي شئ كان
دعونا نقوم بمثال على ذلك وسوف يتضح الأمر..
افتح صفحة تكست فارغة واعطها الامتداد 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
اترككم في رعاية الله وامنه
التعليقات