在Backbone Model中包含多个值的CSS属性

Question

所以，我在骨干中有一个代表Button的模型，我的模型有一些默认值，关于它的样式（背景颜色，边界半径等）。有没有办法一次性访问包含多个值的某些css属性？ （例如：边框：1px纯黑色） 或者我必须做这样的事情：

setCssStyle: function () {
    this.$el.css({
        'border-width': myButton.get('borderwidth') + 'px',
        'border-style': myButton.get('borderstyle'),
        'border-color': myButton.get('bordercolor')
    });
}

我的模型默认如何更改如果我可以一次设置多个css值？如果我是正确的，多个值将保存在数组中，如下例

var Button = Backbone.Model.extend({
    defaults {
        border: {width:1, style:'solid', color:'#00000'}
    }
});

而不是：

var Button = Backbone.Model.extend({
    defaults: {
        borderwidth: 1,
        borderstyle: 'solid',
        bordercolor: '#000000'
    }
})

其他没有“解决方法”的css属性会发生什么情况，例如box-shadow？ 有没有更方便的方法在我的setCssStyles方法中设置以下css属性？

box-shadow:inset 0px 1px 0px 0px #ffffff;