بقي لدي مشكلتين:
- اريد ان اتحكم بموقع الصورة أو
- اريد ان تغطي الصورة كامل الصفحة
- اريد ان اتحكم بموقع الصورة أو
- اريد ان تغطي الصورة كامل الصفحة
للتحكم في موقع الصورة لديك الخاصية
background-position
وتحمل القيم
top - right - bottom - left
background-position
وتحمل القيم
top - right - bottom - left
وهناك طريقتين شائعين:
1- صيغة القيمتين: القيمة الأولى تحدد عرض الصورة، والثانية تحدد ارتفاعها.
مثل: background-size:300px 100px;
2- صيغة الكلمات المفتاحية: مثل "auto"، "cover"، و "contain".
حيث الفوارق بينها هي:
1- صيغة القيمتين: القيمة الأولى تحدد عرض الصورة، والثانية تحدد ارتفاعها.
مثل: background-size:300px 100px;
2- صيغة الكلمات المفتاحية: مثل "auto"، "cover"، و "contain".
حيث الفوارق بينها هي:
❤2
background-attachment تعني حرفيًا:
"كيف يتم إرفاق أو تثبيت الخلفية بالنسبة للمحتوى أو العنصر عند التمرير."
بمعنى: هل الخلفية تتحرك مع التمرير، أو تبقى ثابتة في مكانها، أو تتحرك فقط مع العنصر نفسه؟
بالتالي لها قيمتين:
1- background-attachment: fixed;
2- background-attachment: scroll;
"كيف يتم إرفاق أو تثبيت الخلفية بالنسبة للمحتوى أو العنصر عند التمرير."
بمعنى: هل الخلفية تتحرك مع التمرير، أو تبقى ثابتة في مكانها، أو تتحرك فقط مع العنصر نفسه؟
بالتالي لها قيمتين:
1- background-attachment: fixed;
2- background-attachment: scroll;
نريد تنسيق الفورم لكن قبل ذلك يجب ان نناقش الخاصية الثالثة للعناصر وهو المسافات
❤2