Thuộc tính borderTopWidth trong HTML DOM Style

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

Cú pháp

object.style.borderTopWidth = "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 (mặc định)
thick	Viền dày
length	Độ dày cụ thể (px, em, rem...)
initial	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-top-width: 30px;
  }
</style>
<script>
  function changeTopWidth() {
    document.getElementById("DIV1").style.borderTopWidth = "1px";
    document.getElementById("Sample").innerHTML = "Độ dày viền trên đã đượ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ên của div trên bằng cách nhấn nút dưới đây</p>
<button onclick="changeTopWidth()">Thay đổi Top Width</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Ban đầu viền trên dày 30px. Sau khi nhấn "Thay đổi Top Width", viền trên co lại còn 1px.