بسم الله والحمد لله
السلام عليكم ورحمة الله وبركاته ,, كيف حالكم إخواني ..
اليوم بفضل الله سوف نقوم بشرح الخاصية bottom وهي تشبه بشكل كبير الخاصية line-height إلا أن خاصية line-height مسئولة عن تحريك السطر المكتوب لأعلى ,,
أما عن الخاصية bottom فهي مسئولة عن تحريك الصور لأعلى او اسفل بشكل بسيط
افتح صفحة تكست فارغة واعطها الامتداد html و ضع فيها هذا الكود ..
<!DOCTYPE html>
<html>
<head>
<style>
div{
border:1px solid #ccc;
width:200px;
}
img.ex2{
position:relative;
bottom:0px;
}
</style>
</head>
<body>
<div>
<h1>Mini Soft</h1>
<img class="ex2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIoS9e_z9UwnNl47st68vXeA-24L6alIJXqkmjrlOaoQzw4_Ihm2LcD_R44Z8ZDCgyrL4mo21r7D9T24Y9f7Zi_c4RTQBft8KaE1zrVG4sU4NcxVlGBZKRKHbZtMGqE4tGnHKz2fonUQnS/w43-h42-no/Smile+%25282%2529.png">
</div>
</body>
</html>
الآن اغلق هذه الصفحة بعد حفظها ثم قم بفتحها على متصفح انترنت لترى الآتي :
انظر هذه الصورة وانظر السطر الاحمر في الكود السابق , السطر المظلل بالاحمر هو bottom:0px
تعالوا نقوم بتغيير قيمة هذا الكود ولنجعله مثلاً 20px ثم طبق الكود على المتصفح لترى التالي .
لاحظ صورة الوجة الاصفر وقد تحركت للأعلى بمقدار 20px
وهذه هي خاصية اليوم bottom وارجو ان اكون قد وفقت في الشرح
اي استفسار اخوتي لا ترددوا في ترك تعليق
نراكم على خير
Alright...
ردحذفWhat I'm going to tell you may sound a little creepy, maybe even kind of "supernatural"
HOW would you like it if you could just press "Play" and LISTEN to a short, "musical tone"...
And magically attract MORE MONEY to your life?
And I'm talking about hundreds... even thousands of dollars!
Sound too EASY? Think something like this is not for real??
Well then, I'll be the one to tell you the news...
Many times the largest miracles in life are the easiest to GET!
Honestly, I will PROVE it to you by letting you listen to a real-life "miracle money tone" I developed...
And do it FREE (no strings attached).
You just push "Play" and the money will start coming into your life... starting so fast, you will be surprised...
CLICK here to PLAY this marvelous "Miracle Money Sound Frequency" as my gift to you!