jquery - 在 Backbone 模型中保存多个值的 CSS 属性

Question

所以，我有一个代表按钮的主干模型，我的模型有一些默认值，关于它的样式（背景颜色、边框半径等）。有没有办法一次访问某些包含多个值的 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;