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

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

شرح خاصية الخلفية backround في لغة CSS
شرح خاصية Background في 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 لاتتردد في كتابته في التعليقات

ارسال تعليق

أحدث أقدم