text-decoration-line
Misol
Turli xil text-decoration chiziqlarini o‘rnating:
div.a {
text-decoration-line: overline;
}
div.b {
text-decoration-line: underline;
}
div.c {
text-decoration-line: line-through;
}
div.d {
text-decoration-line: overline underline;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
text-decoration-line xususiyati ishlatiladigan matn bezagi turini o‘rnatadi (masalan, underline, overline, line-through).
Maslahat: text-decoration xususiyatiga ham qarang — u text-decoration-line, text-decoration-style, text-decoration-color va text-decoration-thickness uchun qisqartma xususiyatdir.
Eslatma: Matnning ham ostida, ham ustida chiziq ko‘rsatish uchun bir nechta qiymatni birlashtirishingiz ham mumkin, masalan underline va overline.
| Standart qiymat: | none |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.textDecorationLine="overline" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-decoration-line | 57 | 79 | 36 | 12.1 | 44 |
CSS sintaksisi
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘ring |
|---|---|---|
| none | Standart qiymat. text-decoration uchun chiziq yo‘qligini belgilaydi | Demo ❯ |
| underline | Matn ostida chiziq ko‘rsatilishini belgilaydi | Demo ❯ |
| overline | Matn ustida chiziq ko‘rsatilishini belgilaydi | Demo ❯ |
| line-through | Matn ustidan (o‘rtasidan) chiziq o‘tishini belgilaydi | 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 matn bezagi
HTML DOM ma’lumotnomasi: textDecorationLine xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!