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

Làm thế nào để đặt tất cả các thuộc tính phác thảo trong một khai báo duy nhất với JavaScript?


Để đặt tất cả các thuộc tính phác thảo trong một khai báo, hãy sử dụng phác thảo bất động sản. Nó đặt các thuộc tính sau:outline-width, outline-style và outline-color.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với thuộc tính phác thảo -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed blue;
         }
      </style>
   </head>
   <body>
      <div id="box">This is a div.</div>
      <br>
      <button type="button" onclick="display()">Click to set Outline</button>
      <script>
         function display() {
            document.getElementById("box").style.outline = "5px solid red";
         }
      </script>
   </body>
</html>