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

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML center Etiketi

<center> Etiketi Örnek Bir HTML sayfasında ortaya hizalanmış metin: < center > Bu yazı ortaya hizalanacaktır. < /center > Kendiniz deneyin » 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> <body> <p>Bu bir yazıdır.</p> <center>Bu yazı ortaya hizalanacaktır.</center> <p>Bu bir yazıdır.</p> <p>Center elementi HTML5'te desteklenmiyor. Yerine CSS kullanabilirsiniz.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <center> Tanımı ve Kullanımı HTML 5'te desteklenmiyor.Ye
Devamı Oku »

HTML del Etiketi

<del> Etiketi Örnek Silinmiş kısmı ve yeni eklenmiş yazısı olan bir metin: < p > Favori futbolcum < del > Messi < /del > < ins > Ronaldo < /ins > ! < /p > Kendiniz deneyin » 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> <body> <p>Favori futbolcum <del>Messi</del> <ins>Ronaldo</ins>!</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <del> Tanımı ve Kullanımı <del> etiketi bir belgeden silinmiş olan metni ifade eder. Tarayıcı Desteği Elemen
Devamı Oku »

HTML label Etiketi

<label> Etiketi Örnek Etiketleriyle birlikte üç radio butonu: < input type= "radio" name= "diller" id= "dil1"/> < label for= "dil1"> İngilizce < /label >< br/ > < input   type= "radio"   name= "diller"   id= "dil2"/> < label   for= "dil2"> Almanca < /label >< br/ > < input   type= "radio"   name= "diller"   id= "dil3"/> < label   for= "dil3"> Türkçe < /label >< br/ > < br/ > < input type= "submit" value= "Onayla"/> Kendiniz deneyin » 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
Devamı Oku »

HTML main Etiketi

<main> Etiketi Örnek main etiketi örnek kullanım: < main >    < h1 > İnternet Tarayıcıları < /h1 >    < p > Google Chrome, Firefox, ve Internet Explorer günümüzün en çok kullanılan tarayıcılarıdır. < /p >    < article >      < h1 > Google Chrome < /h1 >      < p > Google Chrome, 2008 yılında Google tarafından geliştirilen açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p >    < /article >    < article >      < h1 > Internet Explorer < /h1 >      < p > Internet Explorer, 1995 yılında Microsoft tarafından kullanıma sunulan ücretsiz bir internet tarayıcısıdır. < /p >    < /article >    < article >      < h1 > Mozilla Firefox < /h1 >      < p > Firefox, 2004 yılında Mozilla tarafından kullanıma sunulan açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p >    < /article > < /main > Kendiniz deneyin »
Devamı Oku »

HTML details Etiketi

<details> Etiketi Örnek <details> elementinin kullanımı: < details >   < summary > Copyright 2015 < /summary >   < p > Tüm hakları saklıdır. < /p >   < p > İçeriğin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır. < /p > < /details > Kendiniz deneyin » 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> <body> <details> <summary>Copyright 2015</summary> <p>Tüm hakları saklıdır.</p> <p>Sitedeki içeriklerin ve görsellerin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır.</p> </details> <p><b>Not:</b>
Devamı Oku »

HTML Element Referansları

HTML Etiketleri Alfabetik Sıralı HTML belgelerinde kullanabileceğiniz HTML etiketleri nin tamamını alfabetik sıralı şekilde aşağıdaki tablodan inceleyebilirsiniz. HTML5 ile birlikte gelen yeni etiketler ve HTML5'te desteklenmeyen etiketler de tabloya dahildir. = HTML5'te yeni. Etiket Tanım <!--...--> Kaynak kodundaki bir yorumu ifade eder <!DOCTYPE> Belge türü bildirimini ifade eder <a> Bir bağlantıyı linki ifade eder <abbr> Kısaltmayı ya da kısa adı ifade eder <acronym> HTML 5'te desteklenmiyor. Yerine <abbr> kullanın. Kısa adı ifade eder <address> Belge sahibi ya da yazarı ile ilgili iletişim bilgisini ifade eder <applet> HTML 5'te desteklenmiyor. Yerine <embed> ya da <object> kullanın. Sayfaya gömülü uygulamayı ifade eder <area> Bir görsel haritası içinde
Devamı Oku »

Linklerin Renklerini Değiştirme Örnek

<!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none } a:visited { color: brown; background-color: transparent; text-decoration: none } a:hover { color: red; background-color: transparent; text-decoration: underline } a:active { color: orange; background-color: transparent; text-decoration: underline } </style> </head> <body> <p>Linklerin varsayılan renklerini değiştirebilirsiniz.</p> <a href="http://htmlvecssegitimi.blogspot.com/2016/01/html-link-rengi-degistirme-ornek.html" target="_blank">HTML Link Rengi Değiştirme Örneği</a> </body> </html>
Devamı Oku »

CSS content Özelliği

CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri   Varsayılan Değer: normal   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS2   JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sü
Devamı Oku »