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

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

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

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

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

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

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

جرّب بنفسك

CSS background origin padding box

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

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

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