填充和边距简写属性中的关键字(initial、revert等)

Question

这里有一个填充简写属性：

selector {
padding: 0 1em;
}

与相同

selector {
padding-top: 0;
padding-bottom: 0;
padding-left: 1em;
padding-right: 1em;
}

我尝试使用与第一个示例中相同的简写，使用关键字(initial、inherit、unset、revert(代替数字，但这不起作用。可能有一些变通方法，或者我根本不知道一些非常简单的事情？

selector {
padding: revert 1em; /* doesn't work */
}
selector {
padding: 'revert' 1em; /* and this too */
}

Answer 1

使用padding-inline仅针对左侧和右侧

padding-inline: 1em;

div {
padding-inline: 1em;
border:1px solid red;
}

<div>box</div>