「Knockout.js/styleバインディング」の版間の差分

imported>Administrator
ページの作成:「Knockoutの'''cssバインディング'''とは、パラメーターの値に応じ、関連付けられたDOM要素のstyle属性の個々のプロパティを...」
 
imported>Administrator
8行目: 8行目:
<div data-bind="style: { CSSプロパティ名: 式 }">...</div>
<div data-bind="style: { CSSプロパティ名: 式 }">...</div>
</source>
</source>
なお、カンマ区切りで複数指定もできる。
<source lang="html5">
<div data-bind="style: { CSSプロパティ名: 式, CSSプロパティ名: 式, ... }">...</div>
</source>
記述例。
記述例。
<source lang="html5">
<source lang="html5">
17行目: 22行目:
=== 式について ===
=== 式について ===
式は[[三項演算子]]が一般的だが、あくまで[[JavaScript]]のコードとして認識されるため三項演算子ではなくてもよい。
式は[[三項演算子]]が一般的だが、あくまで[[JavaScript]]のコードとして認識されるため三項演算子ではなくてもよい。
なお、カンマ区切りで複数指定もできる。
<source lang="html5">
<div data-bind="style: { CSSプロパティ名: 式, CSSプロパティ名: 式, ... }">...</div>
</source>


== 使用例 ==
== 使用例 ==