Zahiriddin muhammadbobur nomidagi andijon davlat universiteti

Fon suratni pozitsiyalash

▶ background-position atributi yordamida fon suratning boshlang'ich joylashish o'rni belgilanadi. Atribut mohiyati sifatida koordinatlar absolyut birliklarda yoki protsentlarda beriladi. Koordinatlar orada probel qoldirib ko'rsatiladi.
body {background-image:url(surat1.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%;}
Bundan tashqari quyidagi mohiyatlar ham ko'rsatilishi mumkin:
▷ left - chap tomondan tekislanish;
▷ right - o'ng tomondan tekislanish;
▷ center - markazga moyillik;
▷ top - tepadan tekislanish;
▷ bottom - pastdan tekislanish;
Misol:
body {background-image:url(surat1.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:left center;}

Fon atributlarini birvarakayiga belgilash

▶ background atributi yordamida background-color, background-image, back-ground-position, background-repeat va background-attachment atributlari mohiyatlarini birvarakayiga ko'rsatish mumkin.
Misol:
body {background: url(surat1.gif) green no-repeat fixed left center;}
Mohiyatlarning qaysi atributga tegishli ekanligi aniq bo'lganligi sababli ularni ixtiyoriy tartibda joylashtirish mumkin. Mohiyatlarning barchasi ko'rsatilishi ham shart emas. Ko'rsatilmagan mohiyatlar uchun jimlikdagi qiymatlar ishlatiladi.

Mavzu:Ro'yxatlar

Stillar kaskad jadvali (CSS) ro'yxatlarni formatlash imkoniyatlarini yanada oshiradi, jumladan, marker sifatida ixtiyoriy suratdan foydalanish mumkin.

Ro'yxat markerlari

▶ list-style-type atributi ro'yxatdagi marker turini belgilaydi. Quyidagi mohiyatlarni qabul qilishi mumkin:

▷ disc - doira shaklidagi marker (ichi bo'yalgan). ul {list-style-type: disc;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ circle - aylana shaklidagi marker (ichi bo'yalmagan). ul {list-style-type: circle;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ square - kvadrat shaklidagi marker (ichi bo'yalgan). ul {list-style-type: square;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ decimal - qatorlar arab raqamlari bilan nomerlanadi. ol {list-style-type: decimal;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ lower-roman - qatorlar kichik rim raqamlari bilan nomerlanadi. ol {list-style-type: lower-roman;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ upper-roman - qatorlar katta rim raqamlari bilan nomerlanadi. ol {list-style-type: upper-roman;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ lower-alpha - qatorlar kichik lotin harflari bilan nomerlanadi. ol {list-style-type: lower-alpha;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ upper-alpha - qatorlar katta lotin harflari bilan nomerlanadi. ol {list-style-type: upper-alpha;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3
▷ none - ro'yxat qatorlariga belgi qo'yilmaydi. ol {list-style-type: none;}	Ro'yxat qatori-1 Ro'yxat qatori-2 Ro'yxat qatori-3