CSS中的inset属性用于定义物理偏移量,而不用于内联偏移量或逻辑块。此属性可以应用于任何writing-mode属性。
用法:
inset:length|percentage|auto|inherit|initial|unset;
属性值:
length:它设置一个以px,cm,pt等为单位的固定值。也可以使用负值。其默认值为0px。
percentage:它与长度相同,但是根据窗口大小的百分比设置大小。
auto:当需要浏览器确定插图大小时使用。
initial:它用于将inset属性的值设置为其默认值。
inherit:它从其父元素继承inset属性值。
unset:它用于取消设置inset属性,它是默认值。
以下示例说明了CSS中的inset属性:
范例1:
CSS | inset Propertyh1 {
color:green;
}
div {
background-color:purple;
width:200px;
height:100px;
position:relative;
}
.one {
position:relative;
inset:10px 40px 30px 0px;
background-color:#c8c800;
}
GeeksforgeeksCSS | inset Property
A Computer Science Portal
输出:
范例2:
CSS | inset Propertyh1 {
color:green;
}
div {
background-color:purple;
width:200px;
height:100px;
position:relative;
}
.one {
position:relative;
inset:10% 5% 5% 0%;
background-color:green;
}
GeeksforgeeksCSS | inset Property
A Computer Science Portal
输出:
支持的浏览器:以下列出了inset属性支持的浏览器:
Firefox
37986510