Matn bezagi
CSS matn bezagi (text-decoration)
CSS text-decoration xossasi matndagi dekorativ chiziqlar ko‘rinishini boshqarish uchun ishlatiladi.
U quyidagi alohida xossalar uchun qisqartma xossadir:
Matnga bezak chizig‘i qo‘shish
CSS text-decoration-line xossasi matnga qo‘shiladigan dekoratsiya chizig‘ining turini belgilaydi.
Bu xossa quyidagi qiymatlardan bittasini yoki bir nechtasiga ega bo‘lishi mumkin:
none- Standart qiymat. Noni ko‘rsatadi bezatish liniyasiunderline— Dekoratsiya chizig‘i matn ostida ko‘rsatiladioverline— Dekoratsiya chizig‘i matn ustida ko‘rsatiladiline-through— Dekoratsiya chizig‘i matn orqali (o‘rtasidan) ko‘rsatiladi
Maslahat: Matn ustida va ostida chiziqlar ko‘rsatish uchun overline va underline kabi bir nechta qiymatlarni birlashtirishingiz mumkin.
Misol
Turli xil bezak chiziqlarini o‘rnatish:
h1 {
text-decoration-line: overline;
}
h2 {
text-decoration-line: line-through;
}
h3 {
text-decoration-line: underline;
}
p {
text-decoration-line:
overline underline;
}
O‘zingiz sinab ko‘ring »
Eslatma: Havola bo‘lmagan matnni tagiga chizish tavsiya etilmaydi, chunki bu o‘quvchini tez-tez chalkashtiradi!
Bezak chizig‘i uchun rang belgilash
CSS text-decoration-color xossasi dekoratsiya chizig‘i rangini belgilash uchun ishlatiladi.
Misol
Dekoratsiya chizig‘iga turli ranglar qo‘shish:
h1 {
text-decoration-line: overline;
text-decoration-color:
red;
}
h2 {
text-decoration-line: line-through;
text-decoration-color:
blue;
}
h3 {
text-decoration-line: underline;
text-decoration-color:
green;
}
p {
text-decoration-line:
overline underline;
text-decoration-color: purple;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!