line-height
Misol
Turli <div> elementlari uchun qator balandligini o‘rnating:
div.a {
line-height: normal;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 80%;
}
div.d {
line-height: 200%;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
line-height xususiyati qator balandligini belgilaydi.
Eslatma: Manfiy qiymatlarga ruxsat berilmaydi.
| Standart qiymat: | normal |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.lineHeight="30px" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS sintaksisi
line-height: normal|number|length|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| normal | Odatiy qator balandligi. Bu standart qiymat | Demo ❯ |
| number | Qator balandligini o‘rnatish uchun joriy font-size qiymatiga ko‘paytiriladigan son | Demo ❯ |
| length | px, pt, cm va hokazolardagi qat’iy qator balandligi | Demo ❯ |
| % | Joriy shrift o‘lchamiga nisbatan foizdagi qator balandligi | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
Turli <div> elementlari uchun qator balandligini piksel va santimetrlarda o‘rnating:
div.a {
line-height: 10px;
}
div.b {
line-height: 30px;
}
div.c {
line-height: 0.5cm;
}
div.d {
line-height: 1cm;
}
O‘zingiz sinab ko‘ring »
Misol
Turli <div> elementlari uchun qator balandligini son sifatida o‘rnating:
div.a {
line-height: 0.5;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 2;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS matn oralig‘i
HTML DOM ma’lumotnomasi: lineHeight xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!