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 Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek