JavaScript CSS3 border-image Örnek

javascript css3 border-image örnek uygulama

Javascript ile border-image özelliğine url(border.png) 28 round 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.borderImage = "url(border.png) 28 round";
}

Javascript ile border-image özelliğine url(border.png) 18% round 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.borderImage = "url(border.png) 18% round";
}

css kutu kenarına resim ekleme ve biçimlendirme işlemlerini border-image özelliği ve değerleri ile kontrol edebiliriz..

Javascript ile border-image özelliğine url(border.png) 25% stretch 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.borderImage = "url(border.png) 25% stretch";
}

Javascript ile border-image özelliğine url(border.png) 50% stretch"; 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.borderImage = "url(border.png) 50% stretch";
}

JavaScript css border-image © htmlvecssegitimi.blogspot.com

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS border-collapse Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

HTML5 Canvas Oyun Yapımı Dersleri