vertical-align
Misol
Rasmni vertikal tekislang:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align: text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
vertical-align xususiyati elementning vertikal tekislanishini o‘rnatadi.
| Standart qiymat: | baseline |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.verticalAlign="top" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS sintaksisi
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| baseline | Element ota elementning tayanch chizig‘i (baseline) bo‘yicha tekislanadi. Bu standart qiymat | Demo ❯ |
| length | Elementni ko‘rsatilgan uzunlikka ko‘taradi yoki tushiradi. Manfiy qiymatlarga ruxsat beriladi. Uzunlik birliklari haqida o‘qing | Demo ❯ |
| % | Elementni "line-height" xususiyatining ma’lum foiziga ko‘taradi yoki tushiradi. Manfiy qiymatlarga ruxsat beriladi | Demo ❯ |
| sub | Element ota elementning quyi indeks (subscript) tayanch chizig‘i bo‘yicha tekislanadi | Demo ❯ |
| super | Element ota elementning yuqori indeks (superscript) tayanch chizig‘i bo‘yicha tekislanadi | Demo ❯ |
| top | Element qatordagi eng baland elementning yuqori qismi bo‘yicha tekislanadi | Demo ❯ |
| text-top | Element ota element shriftining yuqori qismi bo‘yicha tekislanadi | Demo ❯ |
| middle | Element ota elementning o‘rtasiga joylashtiriladi | Demo ❯ |
| bottom | Element qatordagi eng past element bo‘yicha tekislanadi | Demo ❯ |
| text-bottom | Element ota element shriftining pastki qismi bo‘yicha tekislanadi | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS matnni tekislash
HTML DOM ma’lumotnomasi: verticalAlign xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!