JavaScript CSS border-style Örnek

javascript css border-style örnek uygulama

Javascript ile border-style özelliğine dotted 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.border = " dotted ";
}

Javascript ile border-style özelliğine dashed 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.border = "dashed ";
}

Javascript ile border-style özelliğine solid 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.border = "solid ";
}

Javascript ile border-style özelliğine groove 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.border = " groove";
}

Javascript ile border-style özelliğine ridge 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.border = "ridge";
}

HTML ve CSS Dersleri
htmlvecssegitimi.blogspot.com

Javascript ile border-style özelliğine inset 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.border = " inset";
}

Javascript ile border özelliğine outset 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.border = " outset";
}

Javascript ile border-style özelliğine double 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.border = "double";
}

JavaScript css border-style © 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