Thuộc tính borderLeftWidth trong HTML DOM Style

Thuộc tính borderLeftWidth dùng để thiết lập hoặc lấy độ dày của viền bên trái cho một phần tử.

Cú pháp

object.style.borderLeftWidth = "thin|medium|thick|length|initial|inherit"

Giá trị tham số

Giá trị	Mô tả
thin	Viền mỏng
medium	Viền trung bình (giá trị mặc định)
thick	Viền dày
length	Độ dày cụ thể (px, em, rem...)
initial	Đặt lại giá trị mặc định
inherit	Kế thừa từ phần tử cha

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
<style>
  #DIV1 {
    height: 100px;
    width: 200px;
    border: 10px groove orange;
    padding: 10px;
    border-left-width: 30px;
  }
</style>
<script>
  function changeLeftWidth() {
    document.getElementById("DIV1").style.borderLeftWidth = "1px";
    document.getElementById("Sample").innerHTML = "Độ dày viền trái đã được giảm xuống";
  }
</script>
</head>
<body>
<div id="DIV1">VĂN BẢN MẪU</div>
<p>Thay đổi độ dày viền trái của div trên bằng cách nhấn nút dưới đây</p>
<button onclick="changeLeftWidth()">Thay đổi Left Width</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Ban đầu viền trái dày 30px (màu cam). Sau khi nhấn "Thay đổi Left Width", viền trái co lại còn 1px.

Lưu ý: Thuộc tính này chỉ ảnh hưởng đến viền trái. Để thiết lập tất cả viền cùng lúc, dùng borderWidth.