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касиети,
сызыктын ордун өзгөртүүгө мүмкүндүк берет
