القائمة الرئيسية

الصفحات

درووس تعليم لغة ال css خاصية background-position



بسم الله الرحمان الرحيم 


درووس تعليم لغة ال css




الخلفيات و الالوان 


السلام عليكم و رحمة الله و بركاته

لتحديد مكان الصورة نستخدم خاصية background-position و القيم التي ياخذها هذه الخاصية نتعطى بطريقتين

الطريقة الأولى:

 باعطاء قيمة مباشرة على سبيل المثالpx 200 px 100
اي من اليسار px200 ومن الاعلى px 100

الطريقة الثانية

بعطاء نسبة مباشرة على سبيل المثال%20  %30
اي تزيح الصورة من اليسار بنسبة 20  ومن العلى بنسبة 30

وهناك طريقة اخرى وهي كتابة القيمة باستخدام القيم التالية :
right الى اليمين
left الى اليسار
top الى الاعلى
bottom الى الاسفل

فلناخذ هذا المثال
body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}

h1 {
color: #990000;
background-color: #FC9804;
}



و بهذا نكون قد انهينا درس اليوم الى اللقاء في الدرس الاخير للالوان و الخلفيات



وان كان عندكم اي استفسار او راي حول الموضوع فضعه في التعليقات اسفل 

 والسلام عليكم 



الدرس التالي    من هنا





اذا كنت مدون ويهمك التعرف على مواضيع الربح من الانترنت الجديدة و التي تعطي فعاليتها ، لأنها نتائج تجربة لمدى سنوات من العمل . و بالأخص الربح من جوجل ادسنس لأنها الشركة المفضلة في الوقت الحالي و تضمن لك دخل شهري مناسب. نسعد بزيارة مدونتنا و الاستفادة من المواضيع الحصرية و الغنية بالمعلومات المفيدة و ستكتشف ذلك عندما تتصفح مواضيع المدونة. و لا تنسى متابعة المدونة لتصلك جديد المواضيع اولا. زيارة موقع مدونة التقنية

Comments