January 3, 2022

css background

backgroud-color

background-image

background-repeat

background-position

background-size

opacity

background-color fon rangi color bolimida organganimiz kabi bu ham turli ranglar bolishi mumkin

background-image fonga rasm qoyish url(""); mansiz yoziladi

background-image: url("paper.gif");

background-repeat

fonning qaytarilishi agar rasm fon olchamidigan kichkina bolsa u qaytarilib qoladi uni yoq qilish uchun

background-repeat :no-repeat;

yoki x yo y oqi boylab qaytarish kk bolsa

background-repeat :repeat-y;

background-repeat :repeat-x;

background-repeat : space ;

Fon rasmi iloji boricha qirqishsiz takrorlanadi. Birinchi va oxirgi rasm elementning har ikki tomoniga mahkamlanadi va bo'shliq rasmlar o'rtasida teng taqsimlanadi space

background-attachment - amallar bajarilganda foning qimirlashi yoki qimirlamasligi

qiymatlari 1.fixed 2. scroll 3.local 4.inherit 5.initial
asosiy ishlatiladigan 1 va 2
fixed ekranda tepadan pasga tushganda fon qimirlaymay turadi
scroll fixed teskarisi

background-position - rasmni fondagi joylashuvi

background-position: left top; x oqi boyicha chapga va y oqi boyicha tepada joylashsin
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

left-chap right-o`ng top-yuqori buttom-past center-markaz

yuqorida keltirilgan qiymatlar x y oqi boyicha yozilgan

opacity - shaffoflik ranglardagi alpha kabi fonning shaffoflik darjasini beradi 0.0 0.1 oraliqda boladi qiymat qancha kichkina bolsa shuncha shaffof boladi