Để đặt thuộc tính phác thảo, hãy sử dụng phác thảo bất động sản. Nó cho phép bạn thiết lập màu sắc, kiểu dáng và độ lệch của đường viền.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để đặt tất cả các thuộc tính phác thảo trong một khai báo bằng JavaScript -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 450px;
background-color: orange;
border: 3px solid red;
}
</style>
</head>
<body>
<p>Click below to add Outline.</p>
<div id="box">
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
</div>
<br>
<button type="button" onclick="display()">Set Outline</button>
<br>
<script>
function display() {
document.getElementById("box").style.outline = "thick solid #5F5F5F";
}
</script>
</body>
</html>