CSS: Text Decoration (Yazı Biçimlendirme)

CSS ve HTML [b]text-decoration[/b], metinlerimizin altını ve üstünü çizmek istediğimizde kullandığımız bir özellik.

CSS ve HTML text-decoration, metinlerimizin altını ve üstünü çizmek istediğimizde kullandığımız bir özellik. Kullanım alanı ve şekli geliştiriciye bağlıdır. Her türlü CSS dosyasında biçimlendirebilir.

HTML5 desteği mevcuttur, Tüm büyük tarayıcılar tarafından desteklidir.


Kod:


text-decoration:overline

text-decoration:line-through

text-decoration:underline



Kod Kullanımı:

text-decoration:overline /* Metin Üstü Çizgi */

text-decoration:line-through /* Üzeri Çizili Metin */

text-decoration:underline /* Altı Çizili Metin */




Altı Çizik Linkleri Kaldırma:
Kod:

text-decoration:none




Örnek:

<!DOCTYPE html>

<html>

<head>



<style>

h1 {text-decoration:overline;}

h2 {text-decoration:line-through;}

h3 {text-decoration:underline;}



p.overline {text-decoration:overline;}

p.through {text-decoration:line-through;}

p.underline {text-decoration:underline;}



</style>

</head>



<body>



CSS: Heading Kullanımı

<h1>Sanalkurs.net</h1>

<h2>Sanalkurs.net</h2>

<h3>Sanalkurs.net</h3>



CSS: <p> Kullanımı



<p class="overline">Sanalkurs.net</p>

<p class="through">Sanalkurs.net</p>

<p class="underline">Sanalkurs.net</p>



</body>

</html>





Çalışmalarınızda Başarılar Dilerim
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git