text-decoration-style
Misol
Turli xil text-decoration uslublarini o‘rnating:
div.a {
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b {
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c {
text-decoration-line: underline;
text-decoration-style: double;
}
div.d {
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
text-decoration-style xususiyati matn bezagining uslubini o‘rnatadi (masalan, solid, wavy, dotted, dashed, double).
Maslahat: text-decoration xususiyatiga ham qarang — u text-decoration-line, text-decoration-style, text-decoration-color va text-decoration-thickness uchun qisqartma xususiyatdir.
| Standart qiymat: | solid |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.textDecorationStyle="wavy" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-decoration-style | 57 | 79 | 36 | 12.1 | 44 |
CSS sintaksisi
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Sinab ko‘ring |
|---|---|---|
| solid | Standart qiymat. Chiziq bitta chiziq sifatida ko‘rsatiladi | Demo ❯ |
| double | Chiziq qo‘sh chiziq sifatida ko‘rsatiladi | Demo ❯ |
| dotted | Chiziq nuqtali chiziq sifatida ko‘rsatiladi | Demo ❯ |
| dashed | Chiziq shtrixli (uzuq-uzuq) chiziq sifatida ko‘rsatiladi | Demo ❯ |
| wavy | Chiziq to‘lqinsimon chiziq sifatida ko‘rsatiladi | 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: textDecorationStyle xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!