Fon mavjud. Bu fon shaffof (default), rangli, rasmli holatda bo`lishi mumkin. Css yordamida

9-dars
Fon bilan ishlash
BACKGROUND
Har bir blok HTML – elementi uchun fon mavjud. Bu fon shaffof (default), rangli, rasmli holatda bo`lishi mumkin.

CSS yordamida fonning xususiyatlari (rangi, o`lchami, joylashuvi…) ni belgilaymiz.
Fon xususiyatlari
Tarkib:
1. Asosiy rang: background-color
2. Fon manbai: background-image
3. Fonlarda takrorlanish: background-repeat
4. Fonni “mixlash” (“фиксация”): background-attachment
5. Fonlarning joylashuvi: background-position
6. Chizma maydoni: background-clip
7. Fon o'lchami: background-size
8. Fonning “asosi” (…): background
Asosiy rang: background-color
background-color “свойства” si elementning fon rangini o`rnatadi.

Blok elementlari uchun fon rangi blokning butun kengligi va balandligini qoplasa, qator elementlari uchun faqat ularning tarkibiga kiruvchi joyni qoplaydi.

Masalan:
Fon manbai: background-image
background-image “свойства” si elementga fon rasmini (larini) o`rnatadi.

none holati hech narsa yo`qligini anglatadi.

RASM≠FON
Masalan:
Fonlarda takrorlanish: background-repeat
background-repeat “свойства” si fon rasmi o`rnatilgandan so`ng, ularning qanday takrorlanishini belgilab beradi. Agar xususiyat qiymati ikkita kalit so`zga ega bo`lsa, birinchisi gorizonlar yo`nalishda, ikkinchisi vertikal yo`nalishda ishlatiladi.
Fonni “mixlash” (“фиксация”): background-attachment
background-attachment (fon-biriktirma) “свойства” si fon rasmining ko`rish oynasiga nisbatan aniqlanganligini yoki element yoki uning tarkibi bilan aylantirilishini (“scroll”) belgilaydi.
Fonlarning joylashuvi: background-position
background-position “свойства” si agar element uchun fon rasmlari ko`rsatilgan bo'lsa fon holatining tegishli maydonida ularning boshlang`ich pozitsiyasini (o`lchamlarini o`zgartirgandan keyin) belgilaydi.
Chizma maydoni: background-clip
background-clip “свойства” si fon chizilgan maydonni belgilaydi. Fon har doim element “border” idan pastda, agar mavjud bo`lsa chiziladi.
Fon o'lchami: background-size
background-size “свойства” si fonning o`lchamlarini belgilab beradi.
Fonning “asosi” (bir harakatda…): background

background “свойства” si bir harakatda fon uchun quyidagilarni yozish imkonini beradi:
background-color
background-image
background-position
background-size
background-repeat
background-clip
background-attachment
Ro'yxatda keltirilgan barcha xususiyatlarni ko'rsatish shart emas, agar biron bir xususiyat qoldirilgan bo'lsa, u standart qiymatni oladi.