ماهي خصائص ووظائف ال background وjustify وtransform؟

إن backgorund كما يوحي اسمها، تقوم بتحديد خصائص الخلفية، مثلاً لدينا background-image تحدد الصورة التي ستظهر في الخلفية و background-color تحدد لون الخلفية.

و الخاصية background تقوم بجمع الكثير من خصائص الخلفية كالخاصيتين التي سبق و ذكرتهما.

هذه الخصائص هي بالترتيب:

• background-attachment تحدد فيما إذا كانت الصورة ثابتة أو لها scrollbar.

• background-clip تحدد مدى اتساع الصورة بالنسبة لصندوق العنصر الذي ستوضع فيه، أي صندوق ال padding او الصندوق الذي يحوي المحتوى فقط و هكذا.

• background-color سبق و شرحتها.

• background-image سبق و شرحتها.

• background-origin أيضاً لها علاقة بعلاقة الصورة مع الصناديق، و أين مركز الخلفية.

• background-position تضع المكان الأولي للخلفية و هي تكون بالنسبة للخاصية السابقة.

• background-repeat خصائص لكيفية تكرار الخلفية.

• background-size تحدد حجم الخلفية.

الخاصية justify تقوم بتحديد الاتجاه (على اليسار، اليمين في المنتصف، الخ..).

الخاصية transform تسمح بتطبيق بعض التحويلات الهندسية مثل الإزاحة و التدوير و التحجيم.