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

JavaScript로 열 사이의 규칙 너비를 설정하는 방법은 무엇입니까?


columnRuleWidth 사용 열 사이의 너비를 설정하는 속성입니다. JavaScript로 열 사이의 규칙 너비를 설정하기 위해 다음 코드를 실행할 수 있습니다 -

예시

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myID {
            column-count: 4;
            column-rule: 4px solid yellow;
         }
      </style>
   </head>
   <body>
      <p>Click below to change width</p>
      <button onclick="display()">Change Width between Columns</button>
      <div id="myID">
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. 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("myID").style.columnRuleWidth = "8px";
         }
      </script>
   </body>
</html>