Code Thuộc tính column-rule-style trong CSS

Code Thuộc tính column-rule-style trong CSS

Code Thuộc tính column-rule-style trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính column-rule-style trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.divcha{width:100%; height:auto; margin-bottom:10px; column-count: 3; column-gap: 40px;  column-rule-color: red; column-rule-width: 5px;}
</style>
</head>
<body>

<h1>Code Thuộc tính column-rule-style trong CSS</h1>
<p>Quy định kiểu đường kẻ nằm giữa các cột trong bố cục nhiều cột:</p>

<h4>column-rule-style: solid;</h4>
<div class="divcha" style="column-rule-style: solid;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: dotted;</h4>
<div class="divcha" style="column-rule-style: dotted;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: dashed;</h4>
<div class="divcha" style="column-rule-style: dashed;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: double;</h4>
<div class="divcha" style="column-rule-style: double;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: groove;</h4>
<div class="divcha" style="column-rule-style: groove;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: ridge;</h4>
<div class="divcha" style="column-rule-style: ridge;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: inset;</h4>
<div class="divcha" style="column-rule-style: inset;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: outset;</h4>
<div class="divcha" style="column-rule-style: outset;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: none;</h4>
<div class="divcha" style="column-rule-style: none;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

<h4>column-rule-style: hidden;</h4>
<div class="divcha" style="column-rule-style: hidden;">
   Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả, Hãy Chạy thử Code Thuộc tính column-rule-style trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả
</div>

</body>
</html>
Code Thuộc tính column-rule-style trong CSS nằm trong bài viết Thuộc tính column-rule-style trong CSS