text-decoration сипаттамасы
text-decoration сипаттамасы
мәтінге әртүрлі эффекттер қосады: астын сызу,
сызып тастау, үстінен сызу.
Синтаксис
селектор {
text-decoration: underline | line-through | overline | none;
}
Мәндері
| Мәні | Сипаттамасы |
|---|---|
underline |
Асты сызылған мәтінді жасайды. |
line-through |
Сызып тасталған мәтінді жасайды. |
overline |
Мәтіннің үстінен сызық жасайды. |
none |
Элементтің астын сызуын болдырмайды. Негізінен сілтемелер үшін қолданылады, себебі олар әдепкі бойынша асты сызылған болады. |
Әдепкі мәні: none. Сілтемелер үшін
әдепкі мән: underline.
Мысал . Underline мәні
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Мысал . Line-through мәні
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Мысал . Overline мәні
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Сондай-ақ қараңыз
-
text-decoration-styleсипаттамасы,
ол сызық түрін өзгертуге мүмкіндік береді -
text-decoration-colorсипаттамасы,
ол сызық түсін өзгертуге мүмкіндік береді -
text-decoration-lineсипаттамасы,
ол сызық орнын өзгертуге мүмкіндік береді
