JavaScript CSS text-decoration-style Örnek

javascript css text-decoration-style özelliği örnek uygulama

text-decoration-style metnin üzerine çizilecek çizginin tipini ve çeşidini belirtmek için kullanılır..Bu örnekte "double" değeri uygulanmıştır.

Javascript ile text-decoration-style. özelliğine "double" 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.textDecorationStyle = "double";
document.getElementById("anakutu").style.MozTextDecorationStyle = "double";
}

JavaScript css text-decoration-style. © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

javascript ile aciklama satiri ve haftanın gunünü bulma

Resim
Javascript kodlarıyla haftanın hangi günü olduğunu nasıl yazabiliriz öğrenebiliriz? Küçük bir uygulama ile bunu hemen gösterelim. Javascript açıklama satırı makalesinden gelen arkadaşlar da koddaki açıklama satırı nı incelesin.Bu örnekteki kodları şuan anlayamadığınızı düşünüyorsanız dert etmeyin.Yinede açıklayarak anlatmaya çalışacağım. Javascript haftanın gününü bulma uygulaması <!DOCTYPE html> <html> <body> <p id="container"></p> <script> // Javascript ile bugünün tarihini yazdırıyorum var t = new Date(); var hafataningunleri = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"]; document.getElementById("container").innerHTML = "Bugün günlerden " + "<b>" + hafataningunleri[t.getDay()] + "</b>" + " değilmi ?"; </script...
Devamı Oku »

HTML ul Etiketi

<ul> Etiketi Örnek Sırasız bir HTML listesi: < ul >    < li > HTML < /li >    < li > CSS < /li >    < li > JavaScript < /li > < /ul > 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 Sırasız bir liste: HTML CSS JavaScript HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <ul> Tanımı ve Kullanımı <ul> etiketi sırasız, maddeli listeyi tanımlar. Sırasız listeler oluşturmak için <ul> etiketini <li> etiketiyle birlikte kullanabilirsiniz. Tarayıcı Desteği Element ...
Devamı Oku »

CSS border-top-color animasyon

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 css border-top-color animasyon css border-top-color özelliği ile kutunun mavi olan üst kenarının rengini animasyon ile sarı renk olarak değiştireceğiz ! css border-top-color özelliğinin animasyon özelliği vardır. CSS Animasyonları Internet Explorer 9 ve önceki versiyonlarında çalışmıyor. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

HTML Metni Hizalama Örnek

<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Ortaya Hizalı Başlık</h1> <p style="text-align:left">Sola hizalı paragraf.....</p> <p style="text-align:center">Ortaya hizalı paragraf.....</p> <p style="text-align:right">Sağa hizalı paragraf.....</p> </body> </html>
Devamı Oku »

Html dersleri

Resim
Html dersleri ne  kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte  yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Devamı Oku »

YouTube Reklam Engelleyici

Resim
YouTube reklam engelleyici ile internetten hem para kazan abilir hem de internetteki Google reklamlarını yani YouTube reklamlarını da engelleyebilir, kapatabilirsiniz .Nasıl mı ? Okumaya devam edin bundan sonra  kendinize daha çok zaman ayırabilecek hızlı güvenli bir internet keyfi yaşayacaksınız. Reklamları sonsuza kadar kaldıran Uygulamayı Hemen Keşfet YouTube Music gibi ücretli hizmetlere hiç girişmeyin derim. Acelem var diyorsanız hemen Brave  Mobil Uygulama | YouTube Reklam Engelleyici 'ı indirin ben de o sırada size reklamları kaldıran uygulama | tarayıcı hakkında bilgi vereyim. Ücretsiz YouTube Reklam Engelleyici  YouTube 'da dizi izlerken film izlerken sürekli yerinizden kalkıp reklamı geç butonuna bastığınız oldu mu ? Eminim bu ve benzeri bir çok anınız vardır reklamları kapatma ile ilgili.İşte artık reklamları kapatmayı veya engellemeyi öğrenmenize gerek yok. YouTube Reklam Engelleyici İndir YouTube Reklam Engelleyici Mobil Uygulama yı'ı indirmek için  s...
Devamı Oku »

CSS text-overflow Özelliği

Resim
CSS text-justify Css text-justify özelliği ile taşan metinlerin nasıl sonlandırılacağı düzenlenir. Örnek: Bu örnekte iki farklı div elemanına farklı değerlerde text-overflow özelliği uygulanmıştır. .kutu1 { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: clip; border: 1px solid blue; } .kutu2 { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: ellipsis; border: 1px solid blue; } Kendiniz deneyin » CSS text-justify nedir nasıl kullanılır Metinlerin içinde bulundukları elemanın sınır boyutlarına ulaştığındaki gösterim şekli bu özellikle birlikte düzenlenebilir. CSS text-justify CSS text-justify özellikleri   Varsayılan Değer: clip   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS3 ...
Devamı Oku »

CSS3 animation-name Özelliği

CSS3 animation-name Css ile animasyon oluşturulurken @keyframes kullanılır ,animasyon kareleri olarak da düşünülebilir. Seçilen Html elemanına uygulamak için animasyon için özel benzersiz bir ad kullanılmalıdır.Bu adı belirtirken animation-name :"animasyonun ismi " şeklinde kullanılır.. Örnek: Aşağıdaki animasyon adı "eren" olarak seçilmiştir. div { animation-name: eren; -webkit-animation-name: eren; /* Chrome, Safari, Opera */ } Kendiniz deneyin » CSS3 animation-name nedir nasıl kullanılır Css ile animasyon oluştururken @keyframes kareleri için benzersiz bir animasyon ismi oluşturulmalıdır. Çünkü o karedeki özelliklerin hangi HTML elemanına uygulanacağını belirtilmesi gerekir. Bu animation selector olarak düşünülebilir. CSS animation-name CSS animation-name özellikleri   Varsayılan Değer: none   Kalıtsallık: ...
Devamı Oku »