css inset属性

inset属性说明如下:

inset 属性用作定位元素的 toprightbottomleft 这些属性的简写。类似于 marginpadding 属性,依照“上右下左”的顺序。举个例子:

inset: 0; 
/* 等同于 `top: 0; right: 0; bottom: 0; left: 0;` */
inset: 1px 2px; 
/* 等同于 `top: 1px; right: 2px; bottom: 1px; left: 2px;` */
inset: 1px 2px 3px; 
/* 等同于 `top: 1px; right: 2px; bottom: 3px; left: 2px;` */
inset: 1px 2px 3px 4px; 
/* 等同于 `top: 1px; right: 2px; bottom: 3px; left: 4px;` */

inset CSS属性,它具有与简写边距相同的多值语法。虽然是CSS逻辑属性规范的一部分,但它定义物理偏移量,而不考虑元素的书写模式、方向和文本方向。属性值可以为长度,百分比,关键字(auto),全局的值(inherit; initial; revert; revert-layer; unset;)

注意:inset 属性只作用于定位元素。Internet Explorer 浏览器上不支持该属性。

posted @   槑孒  阅读(387)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示