ميني سوفت
بسم الله , الحمد لله

إخواني اليوم نشرح لكم خاصية 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>
 ثم احفظ الصفحة وافتحها على المتصفح لتجد التالي

border-top: 5px dotted #ff0000
وهكذا تم تغيير الضلع العلوي بواسطة الكود اسفل الصورة

وبهذا ايضاً ينتهي موضوعنا البسيط على امل اللقاء بكم قريباً .. السلام عليكم

إرسال تعليق Blogger

 
Top