text-align-last
Misol
Uchta <div> elementidagi matnning oxirgi qatorini tekislang:
div.a {
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b {
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c {
text-align: justify; /* For Edge */
text-align-last: justify;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
text-align-last xususiyati matnning oxirgi qatorini qanday tekislashni belgilaydi.
E’tibor bering, text-align-last xususiyati tanlangan element ichidagi barcha oxirgi qatorlar uchun tekislashni o‘rnatadi. Demak, ichida uchta paragraf bo‘lgan <div> elementingiz bo‘lsa, text-align-last paragraflarning HAR BIRINING oxirgi qatoriga qo‘llaniladi. text-align-last ni konteynerdagi faqat oxirgi paragrafga qo‘llash uchun :last child’dan foydalanishingiz mumkin, quyidagi misolga qarang.
Eslatma: Edge’ning 79-versiyasidan oldingi versiyalarida text-align-last xususiyati faqat "text-align: justify" o‘rnatilgan matnda ishlaydi.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.textAlignLast="right" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-align-last | 47 | 12 | 49.0 | 16 | 34 |
CSS sintaksisi
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘ring |
|---|---|---|
| auto | Standart qiymat. Oxirgi qator eni bo‘yicha tekislanadi va chapga joylashadi | Demo ❯ |
| left | Oxirgi qator chapga tekislanadi | Demo ❯ |
| right | Oxirgi qator o‘ngga tekislanadi | Demo ❯ |
| center | Oxirgi qator markazga tekislanadi | Demo ❯ |
| justify | Oxirgi qator qolgan qatorlar kabi eni bo‘yicha tekislanadi | Demo ❯ |
| start | Oxirgi qator qator boshiga tekislanadi (matn yo‘nalishi chapdan o‘ngga bo‘lsa — chapga, o‘ngdan chapga bo‘lsa — o‘ngga) | Demo ❯ |
| end | Oxirgi qator qator oxiriga tekislanadi (matn yo‘nalishi chapdan o‘ngga bo‘lsa — o‘ngga, o‘ngdan chapga bo‘lsa — chapga) | 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
text-align-last’ni konteynerdagi faqat eng oxirgi qatorga qo‘llang:
div.b p:last-child {
text-align-last: center;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS matnni tekislash
HTML DOM ma’lumotnomasi: textAlignLast xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!