Code Thuộc tính column-span trong CSS

Code Thuộc tính column-span trong CSS

Code Thuộc tính column-span trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính column-span 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-style: solid; column-rule-color: #ff0000; column-rule-width: 5px;}
</style>
</head>
<body>

<h1>Code Thuộc tính column-span trong CSS</h1>
<p>Dùng để quy định phần tử HTML trải rộng qua tất cả các cột (bỏ qua sự phân chia cột) hoặc chịu theo sự phân chia cột:</p>

<h2>Chưa dùng column-span</h2>
<div class="divcha" >
   <h3>Code Thuộc tính column-span trong CSS</h3>
   Hãy Chạy thử Code Thuộc tính column-span 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-span 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>

<h2>column-span: all; Giúp phần tử HTML trải rộng qua tất cả các cột, bỏ qua sự phân chia cột</h2>
<div class="divcha" >
   <h3 style="column-span: all;">Code Thuộc tính column-span trong CSS</h3>
   Hãy Chạy thử Code Thuộc tính column-span 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-span 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>

<h2>column-span: none; Quy định phần tử HTML chịu theo sự phân chia cột</h2>
<div class="divcha" >
   <h3 style="column-span: none;">Code Thuộc tính column-span trong CSS</h3>
   Hãy Chạy thử Code Thuộc tính column-span 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-span 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-span trong CSS nằm trong bài viết Thuộc tính column-span trong CSS