jquery - バックボーン モデルで複数の値を保持する 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'
    }
})

たとえば、box-shadow など、この「回避策」を持たない他の css プロパティはどうなりますか? setCssStyles メソッドで次の css プロパティを設定するより便利な方法はありますか?

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