text-decoration
Misol
<h1>, <h2> va <h3> elementlari uchun turli matn bezaklarini o‘rnating:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
h4 {
text-decoration: underline overline;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
text-decoration xususiyati matnga qo‘shiladigan bezakni belgilaydi va quyidagilar uchun qisqartma xususiyat hisoblanadi:
- text-decoration-line (majburiy)
- text-decoration-color
- text-decoration-style
- text-decoration-thickness
| Standart qiymat: | none currentColor solid auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q, alohida xususiyatlarga qarang. animatable haqida o‘qing |
| Versiya: | CSS1, CSS3 da yangilangan |
| JavaScript sintaksisi: | object.style.textDecoration="underline" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS sintaksisi
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| text-decoration-line | Ishlatiladigan matn bezagi turini o‘rnatadi (masalan, underline, overline, line-through) | Demo ❯ |
| text-decoration-color | Matn bezagining rangini o‘rnatadi | Demo ❯ |
| text-decoration-style | Matn bezagining uslubini o‘rnatadi (masalan, solid, wavy, dotted, dashed, double) | Demo ❯ |
| text-decoration-thickness | Bezak chizig‘ining qalinligini o‘rnatadi | |
| 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
Ko‘proq matn bezaklarini qo‘shing:
h1 {
text-decoration: underline overline dotted red;
}
h2 {
text-decoration: underline wavy blue 5px;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS matn bezagi
HTML DOM ma’lumotnomasi: textDecoration xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!