توجد اخطاء حاليا في جوجل مشرفي الموقع

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

شرح خاصية الخلفية backround في لغة CSS

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

قد يهمك أيضا :- شرح الخاصية overflow وكيفية استخدامها
في لغة CSS توجد العديد من الخاصيات والقيم وشرحنا في مواضيع سابقة بعض خواص CSS ولكن خاصية اليوم من الخواص المهمة في اللغة , هي تحديد خلفية العنصر واكواد الالوان تكتب بـ طريقتين وهم :-

background-color: bluecode-box; 

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

background-color: #01207bcode-box; 

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

Backround-image 

قد يهمك :- شرح الخاصية overflow وكيفية استخدامها 
يمكنك انشاء خلفية من خلال صورة معينة من خلال كتابة هذا الكود 

background-image: url("Link Here")code-box

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

Backround-position

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

background-position: rightcode-box;

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

background-position: 12% 20%code-box; 

Background-attachment

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

background-attachment: fixed code-box;

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

background-attachment: scroll code-box; 

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

نتمني ان يكون الموضوع مفيد لك، ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني , او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات