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