Code Thuộc tính inset-block-start trong CSS

Code Thuộc tính inset-block-start trong CSS

Code Thuộc tính inset-block-start trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính inset-block-start trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div{width:100%; float:left; height:70px; border:1px solid red; margin-bottom:10px; position: relative;}
span{background:green;position: absolute; color:#fff}
</style>
</head>
<body>

<h1>Code Thuộc tính inset-block-start trong CSS</h1>

<p>Dùng để canh khoảng cách cạnh trên của phần tử HTML so với cạnh trên của phần tử cha của nó, thuộc tính inset-block-start thường dùng cho phần tử HTML có thuộc tính CSS là position với giá trị là fixed hoặc absolute:</p>

<div>
	<span style="inset-block-start: 5px">inset-block-start: 5px (cách cạnh trên của phần tử cha 5px)</span>
</div>

<div>
	<span style="inset-block-start: 20px">inset-block-start: 20px (cách cạnh trên của phần tử cha 20px)</span>
</div>

<div>
	<span style="inset-block-start: 15%">inset-block-start: 15% (cách cạnh trên của phần tử cha 15%)</span>
</div>

<div>
	<span style="inset-block-start: auto">inset-block-start: auto (cách cạnh trên của phần tử cha auto)</span>
</div>

<div>
	<span style="inset-block-start: 0">inset-block-start: 0 (cách cạnh trên của phần tử cha 0px)</span>
</div>

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