CSS text-decoration-style Özelliği

CSS text-decoration-style

Css text-decoration-style özelliği ile text-decoratin için uygulanacak olan çigi çeşidi belirlenebilir.

Örnek:

Bu örnekte bir paragraf elemanına uygulanacak olan text-decoration çizgisinin çeşidi dotted olarak uygulanmıştır.

p { text-decoration: underline; -moz-text-decoration-style: dotted; text-decoration-style: dotted; }

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

Özelliğin çizgi tipi belirlenir.

CSS text-decoration-style CSS text-decoration-style özellikleri  
Varsayılan Değer: solid  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript text-decoration-style: object.style.textDecorationStyle="double"

CSS text-decoration-style Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarıdır.

CSS Kodu:
text-decoration-style Desteklenmiyor Desteklenmiyor 6.0 -moz- Desteklenmiyor Desteklenmiyor

CSS text-decoration-style Değerleri

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

CSS text-decoration-style özelliği değerleri

CSS text-decoration-style değerleri CSS text-decoration-style değerleri tanımları CSS örnek uygulamalar
solid Sürekli çizgidir.
double Çift çizgi görünümünde olacaktır.
dotted Çizgi noktalı olacaktır.
dashed Kesikli çizgi gösterimidir.
wavy Çizgi dalgalı hat olarak gösterecektir
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

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek