<ol>
Misol
Ikkita turli tartiblangan ro‘yxat (birinchi ro‘yxat 1 dan, ikkinchisi 50 dan boshlanadi):
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<ol> tegi tartiblangan ro‘yxatni belgilaydi. Tartiblangan ro‘yxat raqamli yoki alifboli bo‘lishi mumkin.
Har bir ro‘yxat elementini belgilash uchun <li> tegi ishlatiladi.
Maslahat: Ro‘yxatlarni bezash uchun CSS’dan foydalaning.
Maslahat: Tartiblanmagan ro‘yxat uchun <ul> tegidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <ol> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| reversed | reversed | Ro‘yxat tartibi teskari bo‘lishi kerakligini belgilaydi (9,8,7...) |
| start | number | Tartiblangan ro‘yxatning boshlang‘ich qiymatini belgilaydi |
| type | 1 A a I i |
Ro‘yxatda ishlatiladigan marker turini belgilaydi |
Global atributlar
<ol> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<ol> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Turli ro‘yxat turlarini o‘rnatish (CSS yordamida):
<ol style="list-style-type:upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol style="list-style-type:lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »
Misol
CSS’da mavjud bo‘lgan barcha turli ro‘yxat turlarini ko‘rsatish:
<style>
ol.a {list-style-type: armenian;}
ol.b {list-style-type: cjk-ideographic;}
ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: georgian;}
ol.f {list-style-type: hebrew;}
ol.g {list-style-type: hiragana;}
ol.h {list-style-type: hiragana-iroha;}
ol.i {list-style-type: katakana;}
ol.j {list-style-type: katakana-iroha;}
ol.k {list-style-type: lower-alpha;}
ol.l {list-style-type: lower-greek;}
ol.m {list-style-type: lower-latin;}
ol.n {list-style-type: lower-roman;}
ol.o {list-style-type: upper-alpha;}
ol.p {list-style-type: upper-latin;}
ol.q {list-style-type: upper-roman;}
ol.r {list-style-type: none;}
ol.s {list-style-type: inherit;}
</style>
O‘zingiz sinab ko‘ring »
Misol
Ro‘yxatlarda qator balandligini (line-height) kamaytirish va oshirish (CSS yordamida):
<ol style="line-height:80%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol style="line-height:180%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »
Misol
Tartiblangan ro‘yxat ichiga tartiblanmagan ro‘yxatni joylashtirish:
<ol>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ol>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML ro‘yxatlar
HTML DOM ma’lumotnomasi: Ol obyekti
CSS darsligi: Ro‘yxatlarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <ol> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!