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 details Etiketi

HTML del Etiketi

HTML canvas Etiketi

Linklerin Renklerini Değiştirme Örnek

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML main Etiketi

CSS content Özelliği

HTML yorum etiketi ile öğe gizleme örneği