ما هي أهم الدوال الخاصة بالتحكم بالخلفيات في لغة البرمجة CSS

اقرأ في هذا المقال


ما هي أهم الدوال الخاصة بالتحكم بالخلفيات في لغة البرمجة CSS

هناك العديد من الدوال الخاصة التي تستخدم في التحكم بالخلفيات في لغة البرمجة (CSS)، والتي تسهل تنفيذ العديد من المهام التي يحتاجها المستخدم أثناء كتابة الكود البرمجي، وتستخدم بشكل أساسي في مجال إضافة تأثيرات معينة لخلفية العناصر، وفيما يلي قائمة بأهم هذه الدوال التي تستخدم في هذا المجال:

الدالةالاستخدام
backgroundتقوم هذه الدالة بتعديل خيارات تنسيق الخلفية بما في ذلك اللون أو الصورة والحجم وغير ذلك من الميزات، ويمكن استخدام هذه الخاصية لضبط قيم خاصية أو أكثر من الخاصيات الآتية: (background – clip)، (background – color).
background -attachmentتقوم هذه الدالة بتحديد إذا كان موضع الصورة ثابت (fixed) ضمن إطار العرض.
background- blend- modeتقوم هذه الدالة بوصف كيف يجب أن تمتزج صور الخلفية مع بعضها البعض ومع لون الخلفية المحدد للعنصر.
background -clipتقوم هذه الدالة بتحديد أين ستتوقف خلفية العنصر على حدود العنصر، سواءً كانت الخلفية لون أو صورة.
background -colorتقوم هذه الدالة بضبط لون الخلفية لأحد العناصر، حيث يكون لون الخلفية قيمة معينة.
background -imageتقوم هذه الدالة بضبط صورة أو أكثر على أنها خلفية للعنصر.
background -positionتقوم هذه الدالة بضبط الموضع المبدئي لكل صورة خلفية.
background -repeat تقوم هذه الدالة بتحديد كيفية تكرار صورة الخلفية؛ إذ يمكن أن تتكرر صورة الخلفية على المحور الأفقي أو على المحور العمودي أو على كلا المحوري.
background- sizeتقوم هذه الدالة بتحديد أبعاد صورة الخلفية للعنصر؛ حيث من الممكن أن يتم تغيير الأبعاد الحالية إلى أبعاد جديدة.
box- shadowتقوم هذه الدالة بوصف تأثير الظلال على العنصر، حيث من الممكن إضافة ظل أو أكثر باستخدام هذه الخاصية.
padding
تقوم هذه الدالة بضبط الحاشية (padding) في الأطراف الأربعة للعنصر.
padding-bottom
تقوم هذه الدالة بضبط الحاشية (padding) في الطرف السفلي للعنصر ولا يجوز استخدام القيم السالبة للحواشي.
padding-leftتقوم هذه الدالة بضبط الحاشية (padding) في الطرف الأيسر للعنصر ولا يجوز استخدام استخدام القيم السالبة للحواشي.
padding-top
تقوم هذه الدالة بضبط الحاشية (padding) في الطرف العلوي ولا يجوز استخدام استخدام القيم السالبة للحواشي.

المصدر: CSS BackgroundsCSS background PropertyCSS: Cascading Style SheetsCSS Background


شارك المقالة: