السلام عليكم ورحمة الله وبركاته
لعل الكثير من الإخوه و الأخوات رأيتك في بعض المواقع إطار او حدود خارجية لأي شئ و إذا بإطار منهم مختلف , حسناً إخواني هذه الخاصية ايضاً ضمن الخاصية border و يمكن أن تختار اي جانب من جوانب المربع المُحدد فوق او تحت او يسار او يمين ومن ضمن هذه الخواص هي خاصية اليوم وهي ..
border-bottomوالآن دعونا نقوم بالتطبيق العملي , افتح صفحة تكست فارغة واعطها الامتداد html و انسخ فيها هذا الكود ..
<!DOCTYPE html>ثم قم بحفظ الصفحة وجرب فتحها على المتصفح لتجد التالي ..
<html>
<head>
<style>
div{
border-style: solid;
border-bottom: 5px dotted #FF3399;
padding:20px;
width:260px;
background-color:#E2FFFF;
}
</style>
</head>
<body>
<div>
MiniSoft By Ahmad Saleh. CSS & HTML
MiniSoft By Ahmad Saleh. CSS & HTML
MiniSoft By Ahmad Saleh. CSS & HTML
MiniSoft By Ahmad Saleh. CSS & HTML
</div>
</body>
</html>
 |
| border-bottom:5px dotted #FF3399 |
border-style:solid;وهذا يشمل جميع جوانب الصندوق ولكن بإضافة الكود التالي تم تغيير الحدود السفلية والسبب هو الكود ..
border-bottom: 5px dotted #FF3399;وتفسير هذا الكود ايضاً كما يلي ..
5px سمك الحدود
dotted ستايل الحدود
وبالطبع الرقم الاخير هو لون الحدود
هذا ليس آخر ما يتعلق بشرح هذا الكود فهناك الكثير والكثير حوله سوف نأخذه على دروس متفرقة وهذا فقط لترتيب الدورة
ارجو أن تكون وصلت المعلومة بشكل ميسر
تحياتي لكم ,, نراكم قريباً وشرحٌ جديد .. أخوكم
شكرا ع الشرح
ردحذفالعفو اخي
حذفشرح ممتاز اشكرك وفي انتظار باقي الدورة
ردحذفان شاء الله أخي شكراً للمتابعة
حذف