انتقل إلى محتوى الدرس

CSS Background Position موقع صورة الخلفية في لغة CSS

ستتعلم في هذا الدرس التحكم في موقع صور الخلفيات علي المتصفح بإستخدام خاصية CSS Background Position وهي محاذاة الصور يسار الصفحة أو يمين صفحة الويب أو في المنتصف أو بالإعلي أو بأسفل الصفحة.

1 صفوف تعليمية
لغة CSS
4,131 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عن طريق خاصية background-position يتم التحكم في موقع صوره الخلفية على المتصفح سواء يساراُ أو يميناُ أو أوسط الصفحة أو أعلاها أو أسفل الصفحة.


قيم خاصية background-position:

  • keywords وهي عبارة عن موقع صورة الخلفية علي المتصفح يمكن إستخدام القيم التالية:

[left top,left center,left bottom,right top,right center,right bottom,center top,center center,center bottom,left,center,right,top,bottom].

  • percentage وهي إستخدام قيميتين 50% 100% محور X ومحور Y موقع الصورة عمودي ورأسي بالنسبة المئوية.
  • length وهي إستخدام قيميتين 100px 200px محور X ومحور Y موقع الصورة عمودي ورأسي بوحدة بكسل pxiel.

background position syntax

طريقة كتابة خاصية background position.

HTML
background-position: value;