CSSプロパティの操作
CSSプロパティを設定・変更する方法
$(要素).css('プロパティ名','値');
※1つだけのcssプロパティを設定、変更。
$(要素).css({'プロパティ名1','値1','プロパティ名2','値2'});
※複数のcssプロパティを一度に設定、変更できる
$(要素).width(値);
※特定のcssだけを設定、変更する。値を100とした場合は100px、その他の場合は'90%'や'20em'と指定してやる。
※1つだけのcssプロパティを設定、変更。
$(要素).css({'プロパティ名1','値1','プロパティ名2','値2'});
※複数のcssプロパティを一度に設定、変更できる
$(要素).width(値);
※特定のcssだけを設定、変更する。値を100とした場合は100px、その他の場合は'90%'や'20em'と指定してやる。
現在のCSSプロパティの設定を知る方法
$(要素).css('プロパティ名');
※指定したCSSプロパティの値('100px')などが、どのように設定してあるかを知ることが出来る。
$(要素).width();
※要素の幅(ピクセル単位)が、どのように設定してあるかを知ることが出来る。
※要素が複数の場合は最初の要素のみが適用される。
※指定したCSSプロパティの値('100px')などが、どのように設定してあるかを知ることが出来る。
$(要素).width();
※要素の幅(ピクセル単位)が、どのように設定してあるかを知ることが出来る。
※要素が複数の場合は最初の要素のみが適用される。
{'font-size':'30px','border-style' : 'solid', 'border-color' : 'green', }
{'border-style' : 'dotted', 'border-color' : '#d1371b', }
{'border-style' : 'dotted', 'border-color' : '#d1371b', }