Css Text Decoration

Css Text Decoration (Yazı Stilleri)

Css de text decoration özelliği tasarımlarınızda çok işinize yarıycak bu özellik.

Bir örnek vermem gerekirse bir menü oluşturdunuz diyelim ve haliyle linklerin üzerine mouse ile gelince üzerinde çizgi çıkıyor bu da hoş bi görüntü vermiyor o zaman ne oluyor text decoration devreye giriyor ve linkin üzerine gelindiğinde çıkan çizgiyi yok etmemize yardımcı oluyor.

Tabiki tek linklerimizin üzerine gelindiğinde çıkan çizgileri yok etmiyor.İstersek yazılarımızın altını üstünü ortasınıda çizebiliyoruz bu özelliğimizle.None ile birlikte dört adet özelliği bulunuyor.

Bunlar nelerdir : underline,overline,line-trough ve none özellikleri.

Şimdi örneklerle bu özelliklerimize bir göz atalım :

Html Kodları :

<div class="underline">Altı çizili</div>
<br>
<div class="overline">Üstü çizili</div>
<br>
<div class="line-through">Ortası çizili</div>
<br> 
<div class="none">Düz Yazı</div>

Css Kodları :

body{
background-color:#325780;
 color:white;
}
.underline{
text-decoration:underline; 
}
.overline{
text-decoration:overline; 
}
.line-through{
text-decoration:line-through;
}
.none{
text-decoration:none;
}

Uygulamalı Görünüm :

Kolay Gelsin.