diff --git a/src/guide/essentials/class-and-style.md b/src/guide/essentials/class-and-style.md index 6236cdec3..502eda976 100644 --- a/src/guide/essentials/class-and-style.md +++ b/src/guide/essentials/class-and-style.md @@ -323,6 +323,20 @@ data() { スタイルへのオブジェクトのバインディングも、オブジェクトを返す算出プロパティと組み合わせて使用することが多くあります。 +`:class` と同様、`:style` ディレクティブは通常の style 属性と共存させることもできます。 + +テンプレート: + +```vue-html +<h1 style="color: red" :style="'font-size: 1em'">hello</h1> +``` + +レンダリング結果: + +```vue-html +<h1 style="color: red; font-size: 1em;">hello</h1> +``` + ### 配列へのバインディング {#binding-to-arrays-1} `:style` は、複数のスタイルオブジェクトからなる配列にバインドすることができます。各オブジェクトはマージされ、同じ要素に適用されます: