text-decoration Özelliği
text-decoration özelliği
metne çeşitli efektler ekler: altını çizme,
üstünü çizme, üst çizgi.
Sözdizimi
seçici {
text-decoration: underline | line-through | overline | none;
}
Değerler
| Değer | Açıklama |
|---|---|
underline |
Altı çizili metin yapar. |
line-through |
Üstü çizili metin yapar. |
overline |
Metnin üstünde çizgi yapar. |
none |
Altı çizili bir öğenin alt çizgisini kaldırır. En çok varsayılan olarak altı çizili oldukları için bağlantılarda kullanılır. |
Varsayılan değer: none. Bağlantılar için
varsayılan değer: underline.
Örnek . underline Değeri
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Örnek . line-through Değeri
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Örnek . overline Değeri
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Ayrıca Bakınız
-
text-decoration-styleözelliği,
çizgi tipini değiştirmeye izin verir -
text-decoration-colorözelliği,
çizgi rengini değiştirmeye izin verir -
text-decoration-lineözelliği,
çizgi konumunu değiştirmeye izin verir
