特定の特殊効果を実現するには、JavaScript を使用して特定のタグの CSS 属性を動的に変更する必要があります。 例: マウスが画像の上を通過すると、コードは次のようになります: JavaScript コード[javascript] view plaincopyprint? </p> function imageOver(e) { <p> e.style.border="1px ソリッドレッド"; <br> e.style.borderWidth=0; /script> <br><img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" /> スクリプトタイプ="text/javascript"> imageOver(e) { <br> e.style.border="1px ソリッドレッド" <br> } <br> function imageOut(e) { <br> e.style.borderWidth=0; <br><img src= "phplamp.gif" onmouseover ="imageOver(this)" onmouseout="imageOut(this)" /> <br></p>JavaScript の style の後の属性は何ですか? <p><br>JavaScript CSS スタイル属性の比較表<br><br><br>Box タグと属性の比較<br>CSS 構文 (大文字と小文字を区別しない) JavaScript 構文 (大文字と小文字を区別する)<br>border border<br>border-bottom borderBottom<br>border-bottom-color borderBottomColor</p>border-bottom -style borderBottomStyle<p>border-bottom-width borderBottomWidth</p>border-color borderColor<p>border-left borderLeft</p>border-left-color borderLeftColor<p>border-left-style borderLeftStyle<br>border-left-width borderLeftWidth<br>border-right borderRight<br>border-right -color borderRightColor<br>border-right-style borderRightStyle<br>border-right-width borderRightWidth<br>border-style borderStyle<br>border-top borderTop<br>border-top-color borderTopColor<br>border-top-style borderTopStyle<br>border-top-width borderTopWidth<br> border -width borderWidth<br>clear Clear<br>float floatStyle<br>margin margin<br>margin-bottom marginBottom<br>margin-left marginLeft<br>margin-right marginRight<br>margin-top marginTop<br>padding パディング<br>padding-bottom pandingBottom<br>padding-left paddingLeft<br>padding-right paddingRight <br>padding-top paddingTop<br><br><br>色と背景のタグと属性の比較<br>CSS 構文 (大文字と小文字を区別しない) JavaScript 構文 (大文字と小文字を区別する)<br>背景の背景<br>背景-添付ファイルの背景添付ファイル<br>背景の色背景色<br>背景-画像の背景画像 <br>背景-position、backgroundPosition<br>background-repeat、backgroundRepeat<br>color、color</p> <p><br>Styleタグと属性の比較<br>CSS構文(大文字と小文字を区別しない) JavaScript構文(大文字と小文字を区別)<br>display display<br>list-style-type listStyleType<br>list-style-image listStyleImage<br>list-style-position listStylePosition<br>list-style listStyle<br>ホワイトスペースwhiteSpace<br></p> <p>テキストスタイルタグと属性の比較<br>CSS構文(大文字と小文字を区別しない) JavaScript構文(大文字と小文字を区別する)<br>フォントフォント<br>フォントファミリーfontFamily <br>font-size fontSize<br>font-style fontStyle<br>font-variant fontVariant<br>font-weight fontWeight<br></p> <p>テキストタグと属性の比較<br>CSS構文(大文字と小文字を区別しない) JavaScript構文(大文字と小文字を区別する)<br>letter -spacingletterSpacing<br>line -break lineBreak<br>line-height lineHeight<br>text-align textAlign<br>text-decoration textDecoration<br>text-indent textIndent<br>text-justify textJustify</p>text-transform textTransform<p>vertical-alignverticalAlign<br><br><br><br></p>