Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để thiết lập vùng sơn của nền bằng JavaScript?


Để đặt vùng sơn của nền bằng JavaScript, hãy sử dụng backgroundClip bất động sản. Bạn có thể thử chạy đoạn mã sau để đặt vùng sơn của nền -

Ví dụ

<!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>