Code Thuộc tính margin-block trong CSS

Code Thuộc tính margin-block trong CSS

Code Thuộc tính margin-block trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính margin-block trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div.divcha {width:100%; float:left; height:auto; margin-top:10px; border:1px solid red}
div.divdon{border:1px solid blue; width:100%; float:left; height:auto;}
p {background:green;margin:0px;padding:0px;color:#fff}
div.divdon p{background:red}
</style>
</head>
<body>
<h1>Code Thuộc tính margin-block trong CSS</h1>

<span>Dùng để canh khoảng cách giữa cạnh dưới và cạnh trên của phần tử HTML so với các phần tử HTML xung quanh 2 cạnh hoặc so với phần tử cha:</span>

<div class="divcha"><p style="margin-block:5px" >margin-block:5px (Cách cạnh trên cạnh dưới 5px)</p></div>

<div class="divcha"><p style="margin-block:5px 20px" >margin-block:5px 20px (Cách cạnh trên 5px, cách cạnh dưới 20px)</p></div>

<div class="divcha"><p style="margin-block:0px 20px" >margin-block:0px 20px(Cách cạnh trên 0px, cách cạnh dưới 20px)</p></div>

<div class="divdon" style="margin-block:0px 20px"><p  >margin-block:0px 20px(Cách cạnh trên 0px, cách cạnh dưới 20px)</p></div>

<div class="divdon" style="margin-block:0px"><p  >margin-block:0px(Cách cạnh trên 0px, cách cạnh dưới 0px, trước đó div trên có cách dưới 20px)</p></div>

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