「Knockout.js/cssバインディング」を編集中
ナビゲーションに移動
検索に移動
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 | 編集中の文章 | ||
1行目: | 1行目: | ||
− | [[Knockout | + | [[Knockout]]の'''cssバインディング'''とは、パラメーターの値に応じ、関連付けられた[[DOM]]要素のCSSクラスを追加または削除する[[Knockout/可視バインディング|可視バインディング]]のひとつである。 |
− | なお、CSSクラス単位ではなく、style属性の個別の値のみを書き換えたい場合には[[Knockout | + | なお、CSSクラス単位ではなく、style属性の個別の値のみを書き換えたい場合には[[Knockout/styleバインディング|styleバインディング]]を使うとよい。 |
== パラメーター == | == パラメーター == | ||
− | + | 基本的な書式は以下のとおりである。 | |
<source lang="html5"> | <source lang="html5"> | ||
<div data-bind="css: { CSSクラス名: 値または式 }">...</div> | <div data-bind="css: { CSSクラス名: 値または式 }">...</div> | ||
</source> | </source> | ||
− | + | カンマ区切りで複数指定もできる。 | |
<source lang="html5"> | <source lang="html5"> | ||
<div data-bind="css: { CSSクラス名: 値または式, CSSクラス名: 値または式, ... }">...</div> | <div data-bind="css: { CSSクラス名: 値または式, CSSクラス名: 値または式, ... }">...</div> | ||
51行目: | 51行目: | ||
== 関連項目 == | == 関連項目 == | ||
− | * [[Knockout | + | * [[Knockout]] |
− | ** [[Knockout | + | ** [[Knockout/可視バインディング|可視バインディング]] |
== 参考文献 == | == 参考文献 == |