JavaScript CSS border Örnek

javascript css border örnek uygulama

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

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

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

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

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

HTML ve CSS Dersleri
htmlvecssegitimi.blogspot.com

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

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

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