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

CSS Background Position length وحدة pixel مع خاصية Background Position في لغة CSS

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

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

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

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

تحريك صورة الخلفية بوحدة pixel بكسيل مع محور X ومحور Y أفقياً ورأسياً تكون القيم من اليسار إلي اليمين:

  • X القيمة الأولي موقع الصورة يميناً ويساراً.
  • Y القيمة الثانية موقع الصورة لأعلي ولأسفل.

CSS Background Position length

موقع الصورة يمين ويسار بوحدة بيكسيل.

HTML
body
{
  background-image:url('https://www.closetag.com/images/background.jpg');
  background-repeat: no-repeat;
  background-position: 200px 300px;
  height:1000px;
}