किसी आउटलाइन को ऑफ़सेट करने के लिए, रूपरेखा ऑफ़सेट . का उपयोग करें संपत्ति। यह आपको सीमा के किनारे से परे रूपरेखा तैयार करने की अनुमति देता है।
आप रूपरेखा को ऑफसेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं और इसे जावास्क्रिप्ट के साथ सीमा किनारे से आगे खींच सकते हैं।
उदाहरण
<!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 Offset.</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 Offset</button>
<br>
<script>
function display() {
document.getElementById("box").style.outline = "thick solid";
document.getElementById("box").style.outlineColor = "#5F5F5F";
document.getElementById("box").style.outlineOffset = "7px";
}
</script>
</body>
</html>