ميني سوفت


السلام عليكم ورحمة الله وبركاته
في الدرس الماضي شرحنا خاصية 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
 تم تغيير الضلع الايمن تماماً بواسطة الكود المكتوب اسفل الصورة ..

وبهذا انتيهنا سريعاً من شرح هذه الخاصية

اترككم في رعاية الله والى لقاء آخر ان شاء الله
السلام عليكم

علق على هذا الموضوع تعليقات الموقع تعليقات Disqus

 
للأعلى