在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