CSS/Topics/Background
الخاصية | الوصف |
---|---|
background
|
الخاصية background المختصرة في لغة CSS تسمح لنا بتعديل خيارات تنسيق الخلفية كلها دفعةً واحدةً، بما في ذلك اللون أو الصورة، والمبدأ والحجم، وطريقة التكرار، وغير ذلك من الميزات.
يمكن استخدام الخاصية |
background-attachment
|
تُحدِّد إذا كان موضع الصورة (المُحدَّدة عبر الخاصية background-image ) ثابتًا (fixed) ضمن إطار العرض (viewport) أو كان سيُمرَّر عند التمرير في العنصر (أو الصفحة) الحاوي له.
|
background-blend-mode
|
تصف كيف يجب أن تمتزج صور الخلفية مع بعضها بعضًا ومع لون الخلفية المُحدَّد للعنصر. |
background-clip
|
تُحدِّد كيف أين ستتوقف خلفية العنصر على حدود العنصر، سواءً كانت الخلفية لونًا <color> أو صورةً <image> .
|
background-color
|
تضبط لون الخلفية لأحد العناصر، ويكون لون الخلفية قيمةً لونيةً <color> .
|
background-image
|
تضبط صورةً أو أكثر على أنها خلفية للعنصر. |
background-origin
|
تُحدِّد مبدأ صورة الخلفية المُحدَّدة عبر الخاصية background-image .
|
background-position
|
تضبط الموضع المبدئي لكل صورة خلفية، وذلك نسبةً إلى المبدأ المُعرَّف في الخاصية background-origin .
|
background-repeat
|
تُعرِّف كيف ستتكرر صورة الخلفية؛ إذ يمكن أن تتكرر صورة الخلفية على المحور الأفقي، أو على المحور الرأسي، أو على كلا المحوري، ويمكن ألّا تتكرر أبدًا. |
background-size
|
تُحدِّد أبعاد صورة الخلفية للعنصر؛ ويمكن أن تُترَك الأبعاد الابتدائية للصورة، أو تُغيّر إلى أبعاد جديدة، أو يمكن ملء المساحة المتوافرة بها مع الحفاظ على نسبة الأبعاد. |
box-shadow
|
تصف تأثير الظلال على العنصر، ويمكن إضافة ظل أو أكثر باستخدام هذه الخاصية. |