Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
Code Thuộc tính inset trong CSS
Code Thuộc tính inset trong CSS
Code Thuộc tính inset trong CSS
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Code Thuộc tính inset 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 trong CSS</h1> <div> <span style="inset: 5px">inset: 5px (cách 4 cạnh của phần tử cha 5px)</span> </div> <div> <span style="inset: 5px 10px">inset: 5px 10px (cách cạnh trên dưới 5px, cách cạnh trái phải 10px)</span> </div> <div> <span style="inset: 5px 10px 30px">inset: 5px 10px 30px (cách cạnh trên 5px, cách cạnh trái phải 10px, cách cạnh dưới 30px)</span> </div> <div> <span style="inset: 5px 10px 30px 0px">inset: 5px 10px 30px 0px (cách cạnh trên 5px, cách cạnh phải 10px, cách cạnh dưới 30px, cách cạnh trái 0px )</span> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Code Thuộc tính inset 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 trong CSS</h1> <div> <span style="inset: 5px">inset: 5px (cách 4 cạnh của phần tử cha 5px)</span> </div> <div> <span style="inset: 5px 10px">inset: 5px 10px (cách cạnh trên dưới 5px, cách cạnh trái phải 10px)</span> </div> <div> <span style="inset: 5px 10px 30px">inset: 5px 10px 30px (cách cạnh trên 5px, cách cạnh trái phải 10px, cách cạnh dưới 30px)</span> </div> <div> <span style="inset: 5px 10px 30px 0px">inset: 5px 10px 30px 0px (cách cạnh trên 5px, cách cạnh phải 10px, cách cạnh dưới 30px, cách cạnh trái 0px )</span> </div> </body> </html>
Code Thuộc tính inset trong CSS
nằm trong bài viết
Thuộc tính inset trong CSS
0398.259.259
Messenger
Chỉ Đường
Gọi điện
