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

HTML DOCTYPE Bildirimi

HTML <!DOCTYPE> Bildirimi Örnek <!DOCTYPE> Bildirimi: < !DOCTYPE html > < html > < head > < title > Sayfanızın başlığı < /title > < /head > < body > Sayfanızın içeriği........ < /body > < /html > 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 Sayfanızın başlığı Sayfanızın içeriği........ HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <!DOCTYPE> Tanımı ve Kullanımı  HTML dökümanınızda <html> etiketinden önce, en başta olması gereken şey <!DOCTYPE> bildirimidir.  <!DOCTYPE> bildirimi bi...
Devamı Oku »

CSS height 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 height animasyon css height özelliğini kullanarak bu kutunun yüksekliğini "80px"ten "300px"e çıkardık.. css height özelliği html elemanlarının yüksekliğini düzenlemek için kullanılır. css height ö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 »

JavaScript CSS background-position Örnek

javascript css bakcground-position örnek uygulama Javascript ile bakcground-position özelliğine center değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-position özelliğine left top değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-position özelliğine left center değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-position özelliğine left bottom değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-position özelliğine right top değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcground-position özelliğine right center değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır Javascript ile bakcgrou...
Devamı Oku »

HTML blockquote Etiketi

<blockquote> Etiketi Örnek Başka bir kaynaktan alıntı yapılmış metin: < blockquote cite= "http://www.apple.com/tr/iphone-6s/"> iPhone 6s’i kullandığınız anda, onun bambaşka bir şey olduğunu hissedeceksiniz. 3D Touch, tek bir bastırma hareketiyle her zamankinden daha fazlasını yapmanıza imkan sunuyor. Live Photos, anılarınıza son derece canlı bir şekilde hayat veriyor. Ve bu sadece bir başlangıç. iPhone 6s’i daha derinlemesine incelediğinizde, onun her zerresinde inovasyon olduğunu görebilirsiniz. < /blockquote > 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 Iphone 6S Apple internet sitesinden bir alıntı iPhone 6s’i kullandığınız anda, onun bambaş...
Devamı Oku »

HTML s Etiketi

<s> Etiketi Örnek Artık doğru olmayan, geçersiz veya ilgisiz metni işaretleme: < p > < s > Arabamın markası Renault < /s > < /p > < p > Yeni arabamın markası Toyota < /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 Arabamın markası Renault Yeni arabamın markası Toyota HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <s> Tanımı ve Kullanımı <s> etiketi artık doğru, net veya ilgili olmayan metni işaretlemek için kullanılır. <s> etiketi değiştirilmiş ya da silinmiş metni işaretlemek için kullanılmamalıdır. Değiştirilmiş vey...
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

HTML style Etiketi

<style> Etiketi Örnek <style> elementinin bir HTML belgesinde kullanımı: < html > < head > < style > h1 { color: green; } p { color: red; } < /style > < /head > < body > < h1 > Bu bir başlık < /h1 > < p > Bu bir paragraf... < /p > < /body > < /html > 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 Bu bir başlık Bu bir paragraf... HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <style> Tanımı ve Kullanımı <style> etiketi HTML belgesi için stil bilgisi olarak tanımlanır. ...
Devamı Oku »

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
Devamı Oku »

CSS border-top-left-radius Özelliği

CSS border-top-left-radius Css border-top-left-radius özelliği ile html elemanlarının sol üst köşesinin sitili belirlenebilir. Örnek: Bu örnekte bir div elementinin sol üst kenarının yarı çap değeri "3em" olarak uygulanmıştır. Özelliğin etkisini öğrenmek için aşağıdaki kendiniz deneyin tuşuna tıklayınız. div { border: 3px solid red; padding: 20px; background: orange; border-top-left-radius: 4em; } Kendiniz deneyin » CSS border-top-left-radius nedir nasıl kullanılır Css border-top-left-radius özelliğini kullanarak kenarları pahlı kenarlıklar elde edilebilir.Daha detaylı bilgi için örnekleri inceleyiniz. CSS border-top-left-radius CSS border-top-left-radius özellikleri   Varsayılan Değer: 0   Kalıtsallık: yok   Animasyon Özelliği: var Oynat Versiyo...
Devamı Oku »