شرح خاصية Background في CSS

 شرح خاصية Background في CSS

 شرح خاصية Background في CSS

في لغة CSS توجد العديد من الخاصيات والقيم وشرحنا في مواضيع سابقة بعض خواص CSS 

ولكن خاصية اليوم من الخواص المهمة في اللغة , هي تحديد خلفية العنصر واكواد الالوان تكتب بـ طريقتين وهم :- 

background-color: blue

والطريقة الأخري :-

background-color: #01207b

لاحظ ان اللون الأزق مثلا يمكن ان تكتبه بكلمة Blue أو كود اللون نفسه ويمكنك اختيار درجات الالوان جميعها وشخصيا ارشح لك موقع

flatuicolors الذي به درجات الوان رائعة , اول خاصية من خواص backround سنقوم بشرحها هي Backround-image 

يمكنك انشاء خلفية من خلال صورة معينة من خلال كتابة هذا الكود 

background-image: url("Link Here")

وبدل كلمة Link Here قم بوضع رابط أي صورة وستكون الخلفية الخاصة بـ العنصر بـ الصورة التي قمت باختيارها

Backround-position

هذه الخاصية  مهمتها هي  التحكم بوضعية الصورة في أي مكان مثل هذا الكود مثلا 

background-position: right

ويمكنك أيضا جعل موضع الصورة بـ النسب المئوية ومثال علي ذلك هذا الكود أيضا .

background-position: 12% 20%

Background-attachment

وهذه معناها عند السكرول Scroll هل تجعل الصورة ثابتة ولا تتغير وضعها عند السكرول ومثال علي هذه الخاصية هذا الكود :- 

background-attachment: fixed

هذه الكود سيجعل الخلفية ثابتة لاتتحرك انما هذا الكود :-

background-attachment: scroll

يجعل الخلفية متحركة من السكرول مع المتصفح