Kayıtlar

text-decoration etiketine sahip yayınlar gösteriliyor

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; } Kendiniz deneyin » 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.textDecoratio

CSS text-decoration uygulama

CSS text-decoration div {     text-decoration:<span id='rfrnscsscde'>none</span>;<br>} CSS text-decoration değerleri none underline overline line-through initial Sonuç Ekranı Html ve CSS Eğitimi sitesinde bir çok uygulama ve konu anlatımı örneklerle pekiştirilmiştir. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS text-decoration Örnek

javascript css text-decoration özelliği örnek uygulama text-decoration özelliği ile metinin üzerine ,altına,üstüne ..çizgi çizilebilir.. Javascript ile text-decoration özelliğine "line-through" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").textDecoration="line-through"; } Çalıştır JavaScript css text-decoration © htmlvecssegitimi.blogspot.com

CSS text-decoration Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css text-decoration özelliği ve örnek uygulama</title> <style> .p1 { text-decoration: overline; } .p2 { text-decoration: line-through; } .p3 { text-decoration: underline; } p{ font-size:25px; } </style></head> <body> <p class="p1">Bu cümlenin üst çizgisi var..</p> <p class="p2">Bu cümlenin yüksekliğinin yarısında çizgisi var..</p> <p class