ميني سوفت


السلام عليكم ورحمة الله وبركاته
لعل الكثير من الإخوه و الأخوات رأيتك في بعض المواقع إطار او حدود خارجية لأي شئ و إذا بإطار منهم مختلف , حسناً إخواني هذه الخاصية ايضاً ضمن الخاصية 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 ستايل الحدود
وبالطبع الرقم الاخير هو لون الحدود

هذا ليس آخر ما يتعلق بشرح هذا الكود فهناك الكثير والكثير حوله سوف نأخذه على دروس متفرقة وهذا فقط لترتيب الدورة

ارجو أن تكون وصلت المعلومة بشكل ميسر
تحياتي لكم ,, نراكم قريباً وشرحٌ جديد .. أخوكم

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

 
للأعلى