Code Thuộc tính inset-inline-end trong CSS

Code Thuộc tính inset-inline-end trong CSS

Code Thuộc tính inset-inline-end trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính inset-inline-end 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-inline-end trong CSS</h1>

<p>Dùng để canh khoảng cách cạnh phải của phần tử HTML so với cạnh phải của phần tử cha của nó, thuộc tính inset-inline-end 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-inline-end: 5px">inset-inline-end: 5px; (cách cạnh phải của phần tử cha 5px)</span>
</div>

<div>
	<span style="inset-inline-end: 20px">inset-inline-end: 20px; (cách cạnh phải của phần tử cha 20px)</span>
</div>

<div>
	<span style="inset-inline-end: 15%">inset-inline-end: 15%; (cách cạnh phải của phần tử cha 15%)</span>
</div>

<div>
	<span style="inset-inline-end: auto">inset-inline-end: auto; (cách cạnh phải của phần tử cha auto)</span>
</div>

<div>
	<span style="inset-inline-end: 0">inset-inline-end: 0; (cách cạnh phải của phần tử cha 0px)</span>
</div>

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