今天小编跟大家讲解下有关Javascript CSS Style属性对照表 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关Javascript CSS Style属性对照表 的相关资料,希望小伙伴们看了有所帮助。
比如:鼠标经过一个图片时我们让图片加一个边框 代码可能是这样:
Javascript代码复制代码代码如下:<script type="text/javascript"> function imageOver(e) { e.style.border="1px solid red"; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src="https://www.aidi.net.cn//css/phplamp.gif"onmouseover="imageOver(this)"onmouseout="imageOut(this)"/> Javascript中style后面的属性应该是什么 Javascript CSS Style属性对照表盒子标签和属性对照CSS语法 (不区分大小写)Javascript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-widthborderLeftWidthborder-rightborderRightborder-right-colorborderRightColorborder-right-styleborderRightStyleborder-right-widthborderRightWidthborder-styleborderStyleborder-topborderTopborder-top-colorborderTopColorborder-top-styleborderTopStyleborder-top-widthborderTopWidthborder-widthborderWidthclearclearfloatfloatStylemarginmarginmargin-bottommarginBottommargin-leftmarginLeftmargin-rightmarginRightmargin-topmarginToppaddingpaddingpadding-bottompaddingBottompadding-leftpaddingLeftpadding-rightpaddingRightpadding-toppaddingTop颜色和背景标签和属性对照CSS语法 (不区分大小写)Javascript语法 (区分大小写)backgroundbackgroundbackground-attachmentbackgroundAttachmentbackground-colorbackgroundColorbackground-imagebackgroundImagebackground-positionbackgroundPositionbackground-repeatbackgroundRepeatcolorcolor样式标签和属性对照CSS语法 (不区分大小写)Javascript语法 (区分大小写)displaydisplaylist-style-typelistStyleTypelist-style-imagelistStyleImagelist-style-positionlistStylePositionlist-stylelistStylewhite-spacewhiteSpace文字样式标签和属性对照CSS语法 (不区分大小写)Javascript语法 (区分大小写)fontfontfont-familyfontFamilyfont-sizefontSizefont-stylefontStylefont-variantfontVariantfont-weightfontWeight文本标签和属性对照CSS语法 (不区分大小写)Javascript语法 (区分大小写)letter-spacingletterSpacingline-breaklineBreakline-heightlineHeighttext-aligntextAligntext-decorationtextDecorationtext-indenttextIndenttext-justifytextJustifytext-transformtextTransformvertical-alignverticalAlign
来源:爱蒂网