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

CSS Background Position Percentage النسب المئوية مع خاصية Background Position في لغة CSS

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

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

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

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

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

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

CSS Background Position Percentage

موقع الصورة يمين ويسار بالنسبة المئوية.

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