Kayıtlar

text-transform etiketine sahip yayınlar gösteriliyor

CSS text-transform uygulama

CSS text-transform div {     text-transform:<span id='rfrnscsscde'>uppercase</span>;<br>} CSS text-transform değerleri none capitalize uppercase lowercase initial Sonuç Ekranı CSS Text Transform Özelliği uygulaması Bu yazının büyük harf /küçük harflerle yazılmasını veya her kelimenin ilk harfinin büyük olmasını sağlayabilirsiniz. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS text-transform Örnek

javascript css text-transform özelliği örnek uygulama bu kutuya küçük harflerle yazı yazıyorum.fakat css text-transform özelliği ve capitalize değerini uygulayarak her kelimenin ilk harfinin büyük harf olmasını sağlayacağız. Javascript ile text-transform özelliğine "capitalize" 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").style.textTransform = "capitalize"; } Çalıştır JavaScript css text-transform © htmlvecssegitimi.blogspot.com

CSS text-transform Ö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-transform özelliği ve örnek uygulama</title> <style> div.uppercase { text-transform: uppercase; /*bütün harfleri büyük yapar*/ } div.lowercase { text-transform: lowercase;/*bütün harfleri küçük yapar*/ } div.capitalize { text-transform: capitalize;/*bütün kelimelerin ilk harfini büyük yapar*/ } </style></head> <body> <div class="uppercase">html ve css dersleri</div> <br /> &