CSS text-decoration Özelliği

CSS text-decoration

Css text-decoration : metni üstünü , altını veya tam ordasından çizgi çekerek sitil tanımlar.

Örnek:

Bu örnekte farklı paragraf elemanlarına farklı değerlerde text-decoration özelliği uygulanmıştır.

.p1 { text-decoration: overline; } .p2 { text-decoration: line-through; } .p3 { text-decoration: underline; } p { font-size: 25px; }

CSS text-decoration nedir nasıl kullanılır

Bu özellik: text-decoration-line, text-decoration-color, text-decoration-style özelliklerinin kısa bildirim şeklidir. Ama bu özellik her tarayıcıda çalışmamaktadır.

CSS text-decoration CSS text-decoration özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS1, renewed in CSS3  
JavaScript text-decoration: object.style.textDecoration="underline"

CSS text-decoration Tarayıcı Desteği

CSS Kodu:
text-decoration 1.0 3.0 1.0 1.0 3.5

CSS text-decoration Değerleri

text-decoration: none|underline|overline|line-through|initial|inherit;

CSS text-decoration özelliği değerleri

CSS text-decoration değerleri CSS text-decoration değerleri tanımları CSS örnek uygulamalar
none Özellik aktif değildir.
underline Metnin altını çizer
overline Metnin üzerini çizer
line-through Metnin düşeydeki yüksekliğinin ortasından bir yatay çizgi çeker.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek