不,你不能让它比你提供的例子更短。
与简写的 'margin' 和 'padding' 属性不同,'border' 属性不能在四个边框上设置不同的值。为此,必须使用一个或多个其他边框属性。
谢谢@火箭
如果您使用的是预处理器(如 SCSS),您可以尝试使用 mixin,但我几乎不相信这就是您想要的:
@mixin border_shorthand(
$top_width, $top_color, $top_style,
$left_width, $left_color, $left_style,
$bottom_width, $bottom_color, $bottom_style,
$right_width, $right_color, $right_style) {
border-top: $top_width $top_color $top_style;
border-left: $left_width $left_color $left_style;
border-bottom: $bottom_width $bottom_color $bottom_style;
border-right: $right_width $right_color $right_style;
}
.element {
@include border_shorthand(1px, black, solid, 2px, red, solid, 3px, green, solid, 4px, blue, solid);
}
哪个输出:
.element {
border-top: 1px black solid;
border-left: 2px red solid;
border-bottom: 3px green solid;
border-right: 4px blue solid; }