text-orientation
Misol
Turli <div> elementlari uchun matn yo‘nalishini (orientatsiyasini) o‘rnating:
div.a {
text-orientation: mixed;
}
div.b {
text-orientation: upright;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
text-orientation xususiyati belgilarning yo‘nalishini (orientatsiyasini) belgilaydi.
Eslatma: Faqat writing-mode vertikal qiymatga o‘rnatilganda ishlaydi.
| Standart qiymat: | mixed |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.textOrientation="upright" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-orientation | 48.0 | 79.0 | 41.0 | 14.0 | 35.0 |
CSS sintaksisi
text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| mixed | Standart qiymat. Belgilar soat mili yo‘nalishida 90 gradusga buriladi. | Demo ❯ |
| upright | Belgilar burilmaydi, balki tik turadi. | Demo ❯ |
| sideways | Belgilar writing-mode vertikal bo‘lganda matn qatorlari qanday yo‘naltirilsa, xuddi shunday — soat mili yo‘nalishida 90 gradusga yo‘naltiriladi. | |
| sideways-right | sideways xususiyat qiymatiga teng. Moslik maqsadida saqlab qolingan. | |
| use-glyph-orientation | SVG elementlarida ishlatish uchun: matn eskirgan glyph-orientation-vertical va glyph-orientation-horizontal SVG xususiyatlarini meros qilib oladi. | |
| 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-orientation xususiyatidan jadval sarlavhalarida yo‘nalishni o‘zgartirish uchun foydalanish mumkin:
th {
writing-mode: vertical-lr;
text-orientation: upright;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS writing-mode xususiyati: CSS writing-mode xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!