रूपरेखा गुण सेट करने के लिए, रूपरेखा . का उपयोग करें संपत्ति। यह आपको रूपरेखा का रंग, शैली और ऑफसेट सेट करने की अनुमति देता है।
उदाहरण
आप जावास्क्रिप्ट के साथ एक घोषणा में सभी रूपरेखा गुणों को सेट करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं -
<!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>