열 규칙을 설정하려면 다음 속성을 설정할 수 있는 축약형 열 규칙 속성을 사용하십시오 -
column-rule-width: set the width of the rule between columns column-rule-style: set the style of the rule between columns column-rule-color: set the rule of the rule between columns
열 규칙의 값은 -
로 설정할 수 있습니다.column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;
예시
이제 다른 예를 살펴보겠습니다 -
<!DOCTYPE html> <html> <head> <style> .demo { column-count: 5; -webkit-column-count: 5; /* Chrome, Safari, Opera */ -moz-column-count: 5; /* Firefox */ -webkit-column-gap: normal; /* Chrome, Safari, Opera */ -moz-column-gap: normal; /* Firefox */ column-gap: normal; -webkit-column-rule: 5px dotted orange; /* Chrome, Safari, Opera */ -moz-column-rule: 5px dotted orange; /* Firefox */ column-rule: 5px dotted orange; } </style> </head> <body> <h1>PyTorch</h1> <div class="demo"> PyTorch is defined as an open source machine learning library for Python. It is used for applications such as natural language processing. It is initially developed by Facebook artificial-intelligence research group, and Uber’s Pyro software for probabilistic programming which is built on it. Originally, PyTorch was developed by Hugh Perkins as a Python wrapper for the LusJIT based on Torch framework. There are two PyTorch variants. PyTorch redesigns and implements Torch in Python while sharing the same core C libraries for the backend code. PyTorch developers tuned this back-end code to run Python efficiently. They also kept the GPU based hardware acceleration as well as the extensibility features that made Lua-based Torch. </div> </body> </html>
출력
예시
위에서 사용된 모든 속성을 약식 속성 column-rule −
로 사용하는 예를 살펴보겠습니다.<!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ -webkit-column-gap: normal; /* Chrome, Safari, Opera */ -moz-column-gap: normal; /* Firefox */ column-gap: normal; -webkit-column-rule-width: 5px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 5px; /* Firefox */ column-rule-width: 5px; -webkit-column-rule-color: blue; /* Chrome, Safari, Opera */ -moz-column-rule-color: blue; /* Firefox */ column-rule-color: blue; -webkit-column-rule-style: double; /* Chrome, Safari, Opera */ -moz-column-rule-style: double; /* Firefox */ column-rule-style: double; } </style> </head> <body> <h1>PyTorch</h1> <div class="demo"> PyTorch is defined as an open source machine learning library for Python. It is used for applications such as natural language processing. It is initially developed by Facebook artificial-intelligence research group, and Uber’s Pyro software for probabilistic programming which is built on it. Originally, PyTorch was developed by Hugh Perkins as a Python wrapper for the LusJIT based on Torch framework. There are two PyTorch variants. PyTorch redesigns and implements Torch in Python while sharing the same core C libraries for the backend code. PyTorch developers tuned this back-end code to run Python efficiently. They also kept the GPU based hardware acceleration as well as the extensibility features that made Lua-based Torch. </div> </body> </html>
출력