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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

Kriptopara nasıl alınır ve nereden alınır?

Javascript Oyun Yapma Dersleri HTML5+CSS3

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği