myExtraContent1
myExtraContent2

 
CSSプロパティの操作
CSSプロパティを設定・変更する方法
●$(要素)によって指定された要素を、CSSでプロパティを設定したり、既に指定してあるCSS設定を変更上書きすることが出来る。 応用例DEMO 赤本p050参照
$(要素).css('プロパティ名','値');
※1つだけのcssプロパティを設定、変更。

$(要素).css({'プロパティ名1','値1','プロパティ名2','値2'});
複数のcssプロパティを一度に設定、変更できる

$(要素).width(値);
特定のcssだけを設定、変更する。値を100とした場合は100px、その他の場合は'90%'や'20em'と指定してやる。
現在のCSSプロパティの設定を知る方法
●$(要素)によって指定された要素の、CSSプロパティの設定を知ることが出来る。 応用例DEMO 赤本p050参照
$(要素).css('プロパティ名');
指定したCSSプロパティの値('100px')などが、どのように設定してあるかを知ることが出来る。

$(要素).width();
要素の幅(ピクセル単位)が、どのように設定してあるかを知ることが出来る。

※要素が複数の場合は最初の要素のみが適用される。
{'font-size':'30px','border-style' : 'solid', 'border-color' : 'green', }
{'border-style' : 'dotted', 'border-color' : '#d1371b', }


myExtraContent3