JavaScript CSS3 border-image-source Örnek

javascript css3 border-image-source örnek uygulama

Bu kutunun kenarına kareli resimi uyguladık ,tuşa bastığığınızda başka bir resim uyguladığımızı göreceksiniz.

Javascript ile border-image-source özelliğine url(penguen.png) 19 repeat 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.borderImageSource = "url(penguen.png) 19 repeat";
}

Örneklerimiz için kullandığımız iki resim

css-border-image-source-examplecss-border-image-source-example2

JavaScript css border-image-source © htmlvecssegitimi.blogspot.com

Yorumlar

Bu blogdaki popüler yayınlar

CSS content Özelliği

HTML progress Etiketi

HTML section Etiketi

CSS justify-content Özelliği

CSS align-items özelliği

CSS transition-delay Özelliği

CSS top Özelliği

CSS border-collapse Özelliği

CSS text-justify Özelliği

CSS background-repeat Özelliği