common.style

.boxプロパティに追加スタイルを指定します。

String, default = ''

実行時にこのプロパティを変更した場合は.render()メソッドを使って更新する必要があります。 .styleプロパティはオブジェクト作成時に設定することができます。

$('#layout').w2layout({
    name    : 'layout',
    style   : 'border: 1px solid red',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'preview', size: 200 }
    ]
});

実行時に変更すると全て更新し直す(再レンダリングする)必要があります。 そのため、実行時の変更はしない方が良いでしょう。

デモ

.styleを指定し、レイアウトに赤の枠線を表示しています。

JavaScript

$('#layout').w2layout({
    name    : 'layout',
    style   : 'border: 1px solid red',
    panels  : [
        { type: 'top', size: 32, content: 'top' },
        { type: 'preview', size: 56, content: 'preview' }
    ],
});

HTML

<div id="layout" style="height: 88px"></div>