我可以一次在CSS中设置所有偏移边吗？

Question

而不是：

right:0px;
left:0px;
top:0px;
bottom:0px;

我可以拥有这样的东西吗？

sides:0px;

Answer 1

不，没有用于设置偏移的简写sides属性。你必须单独设置它们。

对于涉及盒子两侧的其他类型的属性存在缩写，例如margin，padding和border，但不适用于positional offsets top, right, bottom and left。

Answer 2

如果您使用的是预处理器，例如LESS或Sass，那么您可以。如果您使用的是vanilla CSS，那么不，尚未。

LESS

中的示例

.sides (@length) {
  top: @length;
  bottom: @length;
  left: @length;
  right: @length;
}
div {
  .sides(0px);
}

Sass中的示例

@mixin sides($length) {
  top: $length;
  bottom: $length;
  left: $length;
  right: $length;
}
div {
 @include sides(0px);
}

Answer 3

没有。无论如何它都不会非常有用，因为你几乎没有将所有这些值同时设置为相同的值。您通常是其中两个，即left或right和top或bottom，并且很少再次使用相同的值，因此没有真正的方法来缩短它。

Answer 4

不是您尝试使用的CSS属性，而是边框，边距，填充等等。

Answer 5

你想尝试定位吗？用左手定位东西似乎有点奇怪：10px和右：10px。

但不，他们不是捷径......通常你不会使用所有这些。

参考：http://www.w3schools.com/Css/css_positioning.asp

Answer 6

如果您将偏移更改为0px，因为您要覆盖其他默认值，可能要使用：

  

位置：静态

所有元素的默认定位是position：static，这意味着元素没有定位并出现在文档中通常的位置。