หากต้องการกำหนดความกว้างของเส้นขอบด้านซ้ายใน JavaScript ให้ใช้ borderLeftWidth คุณสมบัติ. ตั้งค่าความกว้างภายใต้คุณสมบัตินี้ที่คุณต้องการสำหรับเส้นขอบ คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเรียนรู้วิธีกำหนดความกว้างของเส้นขอบด้านซ้าย −
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: thick solid gray;
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<div id = "box">Demo Text</div>
<br>
<br>
<button type = "button" onclick = "display()">Change left border width</button>
<script>
function display() {
document.getElementById("box").style.borderLeftWidth = "10px";
}
</script>
</body>
</html>
