text-decoration-thickness
Misol
<h1>, <h2>, <h3> va <h4> elementlari uchun bezak chizig‘ining turli qalinligini o‘rnating:
h1 {
text-decoration: underline;
text-decoration-thickness: auto;
}
h2 {
text-decoration: underline;
text-decoration-thickness: 5px;
}
h3 {
text-decoration: underline;
text-decoration-thickness: 50%;
}
/* Use shorthand property */
h4 {
text-decoration: underline solid red 50%;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
text-decoration-thickness xususiyati bezak chizig‘ining qalinligini belgilaydi.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q, alohida xususiyatlarga qarang. animatable haqida o‘qing |
| Versiya: | CSS4 |
| JavaScript sintaksisi: | object.style.textDecorationThickness="5px" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-decoration-thickness | 89.0 | 89.0 | 70.0 | 12.1 | 75.0 |
CSS sintaksisi
text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Bezak chizig‘ining qalinligini brauzer tanlaydi |
| from-font | Agar shrift faylida afzal ko‘rilgan qalinlik haqida ma’lumot bo‘lsa, o‘sha qiymatdan foydalaniladi. Aks holda auto kabi ishlaydi |
| length/percentage | Qalinlikni length yoki % ko‘rinishida belgilaydi |
| 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 ma’lumotnomasi: text-decoration xususiyati
CSS darsligi: CSS matn bezagi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!