CSS中的inset属性用于定义物理偏移量，而不用于内联偏移量或逻辑块。此属性可以应用于任何writing-mode属性。

用法:

属性值：

length:它设置一个以px，cm，pt等为单位的固定值。也可以使用负值。其默认值为0px。

percentage:它与长度相同，但是根据窗口大小的百分比设置大小。

auto:当需要浏览器确定插图大小时使用。

initial:它用于将inset属性的值设置为其默认值。

inherit:它从其父元素继承inset属性值。

unset:它用于取消设置inset属性，它是默认值。

以下示例说明了CSS中的inset属性：

范例1：

CSS | inset Property

h1 {

color:green;

}

div {

background-color:purple;

width:200px;

height:100px;

position:relative;

}

.one {

position:relative;

inset:10px 40px 30px 0px;

background-color:#c8c800;

}

Geeksforgeeks

CSS | inset Property

A Computer Science Portal

输出：

范例2：

CSS | inset Property

h1 {

color:green;

}

div {

background-color:purple;

width:200px;

height:100px;

position:relative;

}

.one {

position:relative;

inset:10% 5% 5% 0%;

background-color:green;

}

Geeksforgeeks

CSS | inset Property

A Computer Science Portal

输出：

支持的浏览器：以下列出了inset属性支持的浏览器：

Firefox

在HTML中hr的默认值inset,CSS inset属性用法及代码示例相关推荐

css中left属性,CSS left属性用法及代码示例
CSS中的left属性用于指定定位元素的水平位置.它对未定位的元素没有影响. 注意: 如果position属性是绝对或固定的,则left属性指定元素左边与其包含块的左边之间的距离. 如果positio ...
html中font size默认值,HTML basefont size 属性
HTML size 属性 size 属性定义了HTML文档的字体大小,取值可以是数值或者相对值,值域为1-7,1最小,默认值为3,请参考下述示例: 实例规定页面上的默认字体大小: 这是一个标题这是 ...
python中numpy模块的around方法_Python numpy.around()用法及代码示例
numpy.around(arr,decimals = 0,out = None):此数学函数可帮助用户将数组元素平均舍入为给定的小数位数. 参数: array :[数组]输入数组. decimal ...
html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例
DOM nodeType属性用于查找我们要引用的节点的类型.特定节点的类型以数字形式返回. DOM nodeType属性是一个只读属性. 返回值:它根据节点的类型返回一个数值. 1:如果node是元素 ...
python中的join函数连接dataframe_python pandas DataFrame.join用法及代码示例
连接另一个DataFrame的列. 与连接列other索引或键列上的DataFrame.通过传递一个列表,一次有效地通过索引连接多个DataFrame对象. 参数: other:DataFrame, ...
java中sort函数comparator的使用_Java Comparator comparingInt()用法及代码示例
compareInt(java.util.function.ToIntFunction)方法接受一个函数作为参数,从类型T中提取一个int排序键,并返回一个与该排序键进行比较的Comparator.返 ...
html日期属性取值,HTML Input Date value用法及代码示例
输入日期值属性用于设置或返回日期字段的值属性的值. 输入日期值属性可用于为日期字段指定日期. 用法: 要返回value属性:inputdateObject.value 设置value属性:inputd ...
angelajs中ajax,Fabric.js Triangle angle属性用法及代码示例
在本文中,我们将看到如何使用FabricJS绘制固定角度的画布Triangle.画布三角形表示三角形是可移动的,可以根据需要拉伸.此外,当涉及初始笔触颜色,高度,宽度,填充颜色或笔触宽度时,可以自定义 ...
python中columns是什么意思_Python Pandas DataFrame.columns用法及代码示例
Pandas DataFrame是带有标签轴(行和列)的二维大小可变的,可能是异构的表格数据结构.算术运算在行和列标签上对齐.可以将其视为Series对象的dict-like容器.这是 Pandas ...

在HTML中hr的默认值inset,CSS inset属性用法及代码示例

Geeksforgeeks

Geeksforgeeks

在HTML中hr的默认值inset,CSS inset属性用法及代码示例相关推荐

最新文章

热门文章