Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript로 상단 테두리의 색상을 설정하는 방법은 무엇입니까?

<시간/>

JavaScript에서 상단 테두리의 색상을 설정하려면 borderTopColor를 사용하세요. 재산. 이 속성을 사용하여 상단 테두리의 색상을 설정합니다.

예시

JavaScript로 상단 테두리의 색상을 설정하는 방법을 배우기 위해 다음 코드를 실행할 수 있습니다 -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: thick solid gray;
         }
      </style>
   </head>

   <body>
      <div id = "box">Demo Text</div>
      <br>
      <br>

      <button type = "button" onclick = "display()">Change top border color</button>

      <script>
         function display() {
            document.getElementById("box").style.borderTopColor = "green";
         }
      </script>

   </body>
</html>