在LESS中使用border-width like参数

Question

我仍然在发现这项技术的实用性。 如果有人能回答我，我有疑问。我正在尝试创建一个像：

这样的函数

.advancedBorder( @color, @size )
{
     border: @size solid @color;
}

div
{
    .advancedBorder( #FFF, 1px 0px 1px 0px);
}

所以，我尝试过很多方法，但却没有任何成功。

真正的原因是创建一个可以添加到任何框中的功能，并使用最少的代码行设置任何边框大小和颜色。 有人能告诉我怎么做？

谢谢！

Answer 1

生成的语法在CSS中无效。您将通过以下内容：

@color = #FFF @size = 1px 0px 1px 0px

在你的mixin中会生成：

border: 1px 0px 1px 0px solid #FFF;

作为CSS。这不是CSS中边框的有效简写。你需要这样的东西：

.advancedBorder( @color, @size ){
    border-width: @size;
    border-color: @color;
    border-style: solid;
}