دروس دورة CSS : شرح الخاصية border top xml html css css3
السلام عليكم ورحمة الله وبركاته
إخواني اليوم نشرح لكم خاصية border top والتي لا تختلف كثيراً عن شرح الخاصتين border left و border right الخاصية تغير الضلع العلوي في حدود المربع كما التالي ..
افتح صفحة تكست فارغة واعطها الامتداد html وضع فيها الكود التالي ..
<!DOCTYPE html>
<html>
<head>
<style>
p{
border-style: solid;
border-top: 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>
ثم احفظ الصفحة وافتحها على المتصفح لتجد التاليوهكذا تم تغيير الضلع العلوي بواسطة الكود اسفل الصورة
وبهذا ايضاً ينتهي موضوعنا البسيط على امل اللقاء بكم قريباً .. السلام عليكم
التعليقات