Zahiriddin muhammadbobur nomidagi andijon davlat universiteti

Ro'yxat markeri sifatida surat

▶ list-style-image atributi yordamida marker sifatida foydalaniladigan suratning URL-manzili belgilanadi. Nisbiy manzil HTML-hujjat emas, balki stillar jadvali joylashuviga nisbatan ko'rsatiladi.
ol {list-style-image: url(surat1.gif);}

Ro'yxatni kompaktlashtirish

▶ list-style-position atributi qatorda markerni matnga nisbatan joylashuvini belgilaydi. Quyidagi mohiyatlarni qabul qiladi:

▷ outside - jimlikdagi holat bo'lib, marker matn sohasidan tashqarida joylashadi. ol {list-style-position: outside;}	Ro'yxat qatori-1 Ro'yxatning 2-qator matni Ro'yxat qatori-3
▷ inside - marker matn sohasining bir qismiga aylanadi, ro'yxat punktlari biroz soddalashadi (kompaktlashadi). ol {list-style-position: inside;}	Ro'yxat qatori-1 Ro'yxatning 2-qator matni Ro'yxat qatori-3

Mavzu:Blokni formatlash

Web-sahifaning har bir elementi Brauzer oynasida ma`lum bir to'rt burchakli sohani egallaydi. Bu soha tashqi va ichki chekinishlarga, hamda real yoki xayoliy chegaraga ega bo'ladi.
Elmentning real razmerlari quyidagicha hisoblanadi:
Elementning haqiqiy eni= margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right
Elementning haqiqiy bo'yi= margin-top + border-top-width + padding-top + height + padding-bottom + border-bottom-width + margin-bottom

Blok tipini ko'rsatish

▶ display atributi blok tipini ko'rsatishga mo'ljallangan. Quyidagi mohiyatlarni qabul qilishi mumkin:
▷ block - blok ajdod element enini to'liq egallaydi.

va
teglari jimlikda block qiymatiga ega.
▷ inline - blok o'zidagi kontent joylashishi uchun kerak bo'ladigan makonni egallaydi. va kabi teglar jimlikda inline qiymatiga ega.
▷ inline-block - blok "inline"ga o'xshash bo'lsada, unga nisbatan tegidagi kabi razmer va boshqa blok elementga xos formatlashlarni qo'llash mumkin bo'ladi.
▷ none - kontenti namoyish etilmaydi. Masalan, shunday mohiyatga ega bo'lib, Brauzer oynasida ko'rinmaydi.
CSS da
li { display: inline; }
HTML da

• Birinchi punkt


• Ikkinchi punkt


• Uchinchi punkt

Natija

• 
  Birinchi punkt
  
• 
  Ikkinchi punkt
  
• 
  Uchinchi punkt