Javascript中CSS属性和命名规范的分析

Javascript中CSS属性和命名规范的分析
在Javascript中有许多字符样式的属性名,连字符被解释为一个减号。

因此,对css2properties对象属性名称是从真正的CSS属性名称有点不同。

如果一个CSS属性名称包含一个或多个字符的字符,要删除字符的JS,和信后连字符改为大写。

需要注意的是,浮动是JS的关键词很重要,所以在JS,浮动的cssfloat或floatstyle写。

下面是CSS自身属性与Javascript中CSS编码的对比表:
框标签和属性:
代码
CSS语法(不区分大小写)Javascript语法(区分大小写)
边境
底部边框borderbottom
底部边框的颜色borderbottomcolor
底部边框样式borderbottomstyle
底部边框宽度borderbottomwidth
边框颜色边框颜色
左边框borderleft
左边框的颜色borderleftcolor
左边框样式borderleftstyle
左边框宽度borderleftwidth
边境borderright
边框颜色borderrightcolor
正确的方式borderrightstyle边境
权利边界宽度borderrightwidth
边框样式边框样式
边境上bordertop
边境上的颜色bordertopcolor
边境上的风格bordertopstyle
边境上的宽度bordertopwidth
带边框的宽度
清晰明确
浮floatstyle(IE)cssfloat(FF)
缘缘
缘底marginbottom
缘左marginleft
缘右marginright
边缘上margintop
填充填充
paddingbottom座垫
左paddingleft填充
填料对paddingright
垫上paddingtop
颜色和背景标签和属性:
代码
CSS语法(不区分大小写)Javascript语法(区分大小写)
背景背景
背景附件backgroundattachment
背景颜色背景颜色
背景图像背景
背景位置backgroundposition
背景重复backgroundrepeat
色色
样式标签和属性比较:

代码
CSS语法(不区分大小写)Javascript语法(区分大小写)
显示器的显示
目录样式类型liststyletype
列表样式图像liststyleimage
列表样式的位置liststyleposition
列表样式liststyle
空白空白
文本样式标签和属性比较:

代码
CSS语法(不区分大小写)Javascript语法(区分大小写)
字体
字体FontFamily
字体大小字体大小
字体风格字体样式
字体变fontvariant
字体重量fontweight
文本标签和属性:
代码
CSS语法(不区分大小写)Javascript语法(区分大小写)
letter-spacing字母间距
换行换行符
线高度lineheight
文本对齐TextAlign
文字装饰textdecoration
文本缩进选项文本缩进距离
文本对齐textjustify
文本转换texttransform
垂直对齐VerticalAlign
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部