जावास्क्रिप्ट के साथ पृष्ठभूमि के पेंटिंग क्षेत्र को सेट करने के लिए, बैकग्राउंडक्लिप का उपयोग करें संपत्ति। आप पृष्ठभूमि के पेंटिंग क्षेत्र को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 2px dashed green;
padding: 35px;
width: 600px;
height: 400px;
background-color: blue;
background-clip: border-box;
}
</style>
</head>
<body>
<button onclick="display()">Set painting area</button>
<div id="box">
This is Demo Text! This is Demo Text! This is Demo Text!
This is Demo Text! This is Demo Text!
</div>
<script>
function display() {
document.getElementById("box").style.backgroundClip = "content-box";
}
</script>
</body>
</html>