Thuộc tính borderRightWidth trong HTML DOM Style

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

Cú pháp

object.style.borderRightWidth = "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-right-width: 30px;
  }
</style>
<script>
  function changeRightWidth() {
    document.getElementById("DIV1").style.borderRightWidth = "1px";
    document.getElementById("Sample").innerHTML = "Độ dày viền phả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 phải của div trên bằng cách nhấn nút dưới đây</p>
<button onclick="changeRightWidth()">Thay đổi Right Width</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

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