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

CSS background property خاصية background في لغة CSS

ستتعلم في هذا الدرس جميع إختصارات خاصية background في لغة CSS كيفية إختصارتها وكتابة جميع القيم أو جزء من القيم بداخلها.
1 صفوف تعليمية
لغة CSS
4,423 مشاهدة

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

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

تستخدم خاصية background في لغة CSS لأختصار جميع خصائص الخلفيات  في لغة CSS يمكن أختصار جميع الخصائص [<background-color>] [<background-image>] [<background-position>]/[<background-size>] [<background-repeat>] [<background-origin>] [<background-clip>] [<background-attachment>] [<initial|inherit>] بداخل خاصية واحدة وهي background,ويتم كتابة جميع القيم بداخلها.

CSS Background without Shorthand

إختصارة جميع الخصائص في خاصية واحده وهي background.

HTML
body
{
  background:pink url('https://www.closetag.com/images/background.jpg') right top / 100px 100px fixed  no-repeat;
}

CSS Background less Shorthand

ليس من الضروري كتابة جميع الأختصارات يمكن أستخدام خاصية واحدة أو أكثر علي حسب الأحتياج لا داعي لكتابة جميع القيم.

HTML
body
{
  background:pink url('https://www.closetag.com/images/background.jpg') no-repeat;
}

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