跳到主要内容

inset

2025年01月04日
柏拉文
越努力,越幸运

一、认识


CSS 属性 inset 为简写属性,对应于 toprightbottomleft 属性。其与 margin 简写属性具有相同的多值语法。

二、语法


/* 长度值 */
inset: 10px; /* 应用于所有边 */
inset: 4px 8px; /* 上下 | 左右 */
inset: 5px 15px 10px; /* 上 | 左右 | 下 */
inset: 2.4em 3em 3em 3em; /* 上 | 右 | 下 | 左 */

/* 包含块的宽度(左或右)或高度(上或下)的百分比 */
inset: 10% 5% 5% 5%;

/* 关键词值 */
inset: auto;

/* 全局值 */
inset: inherit;
inset: initial;
inset: revert;
inset: revert-layer;
inset: unset;