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

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

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

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

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

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

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

جرّب بنفسك

CSS background origin border box

تبدأ الخلفية مع border box إطار العنصر في لغة CSS.

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

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