في الدرس الماضي شرحنا خاصية border left وفهمنا ما هي تماماً واليوم الشرح لا يختلف كثيراً عن الشرح الآخير إلا في عكس الاتجاهات , فالدرس الماضي كان border left و درس اليوم هو border right..
كما فهمنا كيفية تجربة الأكواد من خلال صفحة فارغة اعطها الامتداد html وضع فيها الكود التالي ..
<!DOCTYPE html>ثم اغلق الصفحة بعد حفظها وافتحها على اي متصفح لترى النتيجة التالية .
<html>
<head>
<style>
p{
border-style: solid;
border-right: 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-right: 5px dotted #ff0000 |
وبهذا انتيهنا سريعاً من شرح هذه الخاصية
اترككم في رعاية الله والى لقاء آخر ان شاء الله
السلام عليكم
إرسال تعليق Blogger Facebook