انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: موضع الخلفيات الصور في لغة CSS

CSS background origin content box موضع الخلفيات الصور بدأ من content-box في لغة CSS

سوف تتعلم في هذا الدرس التحكم في موضع بداية الخلفيات الصور في لغة CSS داخل العنصر الزي يحتوي هذة الخلفيات وستتعلم ثلاث طرق لها في هذ الدرس.

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

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

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

عن طريق خاصية background-origin مع القيمة content-box في لغة CSS تبدأ الخلفية مع بداية content-box صندوق المحتوي للعنصر.

جرّب بنفسك

CSS background origin content box

تبدأ الخلفية مع بداية content-box صندوق المحتوي للعنصر في لغة CSS.

HTML 
#box
{
  background-image:url('https://www.closetag.com/images/background.jpg');
  background-repeat: no-repeat;
  background-origin:content-box;
  height:240px;
  width:304px;
  padding:30px;
  border:gray dashed 10px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (موضع الخلفيات الصور في لغة CSS)