रूपरेखा शैली सेट करने के लिए, रूपरेखा का उपयोग करें संपत्ति। रूपरेखा ठोस, बिंदीदार, धराशायी, आदि हो सकती है।
उदाहरण
आप जावास्क्रिप्ट के साथ एक तत्व के चारों ओर रूपरेखा की शैली निर्धारित करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 450px;
background-color: orange;
border: 3px solid red;
margin-left: 20px;
}
</style>
</head>
<body>
<p>Click below to add Outline Style.</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 Style</button>
<br>
<script>
function display() {
document.getElementById("box").style.outlineColor = "#5F5F5F";
document.getElementById("box").style.outlineStyle = "solid";
}
</script>
</body>
</html>