JavaScript CSS border-bottom

javascript css border-bottom-color örnek uygulama

bu div kutusunun üst kenarının rengini değiştireceğiz.

Javascript ile border-bottom-color özelliğine "orange" 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.borderBottomColor = "orange";
}

JavaScript css border-bottom-color © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML link Etiketi

<link> Etiketi Örnek Harici bir stil dosyasına bağlanma: < head > < link   rel= "stylesheet" type= "text/css" href= "googledrive.css"/> < /head > 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 başlık link verilmiş bir stil dosyasıyla biçimlendirildi. Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <link> Tanımı ve Kullanımı <link> etiketi bir belge ile harici kaynak arasındaki bağlantıyı belirtir. <link> etiketi harici kaynaklı stil dosyala...
Devamı Oku »

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 »

Uyurken Bile Para Kazanmak İster misin

Resim
    İnternetten para kazanmanın yolları   ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek  internetten para kazandıran siteler  ve uygular ile  hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde  uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi  Ücretsiz Bitcin kazanmaya başlayalım  ve paraya dönüştürelim. Siteye Hemen Üye ol:  FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın...
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 »

CSS cursor uygulama

CSS cursor div {     cursor:<span id='rfrnscsscde'>auto</span>;<br>} CSS cursor değerleri alias all-scroll auto cell context-menu col-resize copy crosshair default e-resize ew-resize grab grabbing help move n-resize ne-resize nesw-resize ns-resize nw-resize nwse-resize no-drop none not-allowed pointer progress row-resize s-resize se-resize sw-resize text url(smiley.gif),url(myBall.cur),auto vertical-text w-resize wait ...
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 meter Etiketi

<meter>  Etiketi Örnek meter etiketi ile gösterge çubuğu oluşturma: < meter   value= "3" min= "0" max= "10"> Onda üç birim < /meter > < br/ > < meter   value= "0.9"> %90 < /meter > 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 Gösterge çubuğu: Onda üç birim %90 Not: meter etiketi Internet Explorer, Safari 5 ve önceki sürümlerinde desteklenmiyor HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <meter> Tanımı ve Kullanımı <meter> etiketi belirli bir yüzdede, ya da kesirli değerde sayısal ölçümü t...
Devamı Oku »