`
charrys
  • 浏览: 35009 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类

JS可以控制样式的名称写法

    博客分类:
  • js
阅读更多

盒子标签和属性对照
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
border   border
border-bottom   borderBottom
border-bottom-color   borderBottomColor
border-bottom-style   borderBottomStyle
border-bottom-width   borderBottomWidth
border-color   borderColor
border-left   borderLeft
border-left-color   borderLeftColor
border-left-style   borderLeftStyle
border-left-width   borderLeftWidth
border-right   borderRight
border-right-color   borderRightColor
border-right-style   borderRightStyle
border-right-width   borderRightWidth
border-style   borderStyle
border-top   borderTop
border-top-color   borderTopColor
border-top-style   borderTopStyle
border-top-width   borderTopWidth
border-width   borderWidth
clear   clear
float   floatStyle
margin   margin
margin-bottom   marginBottom
margin-left   marginLeft
margin-right   marginRight
margin-top   marginTop
padding   padding
padding-bottom   paddingBottom
padding-left   paddingLeft
padding-right   paddingRight
padding-top   paddingTop


颜色和背景标签和属性对照
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
background   background
background-attachment   backgroundAttachment
background-color   backgroundColor
background-image   backgroundImage
background-position   backgroundPosition
background-repeat   backgroundRepeat
color   color
样式标签和属性对照
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
display   display
list-style-type   listStyleType
list-style-image   listStyleImage
list-style-position   listStylePosition
list-style   listStyle
white-space   whiteSpace
文字样式标签和属性对照
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
font   font
font-family   fontFamily
font-size   fontSize
font-style   fontStyle
font-variant   fontVariant
font-weight   fontWeight
文本标签和属性对照
CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
letter-spacing   letterSpacing
line-break   lineBreak
line-height   lineHeight
text-align   textAlign
text-decoration   textDecoration
text-indent   textIndent
text-justify   textJustify
text-transform   textTransform
vertical-align   verticalAlign

来自(http://www.ok22.org/art_detail.aspx?id=111 )

分享到:
评论
1 楼 charrys 2011-04-18  
呵自己跟自己留言

相关推荐

    JS可以控制样式的名称写法一览

    主要介绍了JS可以控制样式的名称写法,有需要的朋友可以参考一下

    js获取某元素的class里面的css属性值代码

    用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document....getStyle(obj,attr) 调用方法说明:obj为对像,attr为属性名必须兼容js中的写法(可以参考:JS可以控制样式的名称

    漂亮的消息提示框 消息提示组件 Javascript写的

    组件名称:ymPrompt消息提示组件 2.0 ...=======================================...12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。

    精通javascript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    JS之if语句对接事件动作逻辑(详解)

    if 函数的实现步骤: function +名字() ... 更改属性的赋值就可以变更id的样式 帮开关装上感应元件, 一旦有动静, 开关便自动switch 建立function showhide() { 使用if+else语句, 改变开关的接线:改变属性赋值

    精通JavaScript

    • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...

    好看好用的alert提示框

    组件名称:ymPrompt消息提示组件 2.0 =======================================...12、程序(js)与样式(css)的完全分离,取消了1.0中自动加载css的功能,用户可根据需要加载对应css样式表单,降低了对样式配置的复杂度。

    react-ant-dropdown-menu:下拉菜单+基于antd的菜单

    安装npm install -S @jswork/react-ant-dropdown-menu特性姓名类型必需的默认描述班级名称细绳错误的-- menuOptions 形状错误的--用法导入css @import " ~@jswork/react-ant-dropdown-menu/dist/style.css " ;...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    使用XSL,你可以灵活的设置文档显示样式,文档将自动适应任何浏览器和PDA(掌上电脑)。 XSL也可以将XML转化为HTML,那样,老的浏览器也可以浏览XML文档了。 2.CSS CSS大家很熟悉了,全称是Cascading Style ...

    jquery插件使用方法大全

    如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件。 写得很烂。可能大家看不出...

    《浩海网络多格式播放器》V3.9.4.1

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《浩海网络多格式播放器》V3.9.4.4

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.3

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《浩海网络多格式播放器》V3.9.4.5

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.33

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    《OceanX》播放器 Prv0.34

    V3.8.1: 利用JS脚本语言解决了Media控件不支持相对路径写法的Bug!V3.8.3: 进行了全方位了功能完善工作!1,修正了网络歌曲选单在搜索关键字的时候,不加入*时搜索出现不正确的严重BUG!2,关闭播放器功能加入了,...

    黑马程序员 安卓学院 万元哥项目经理 分享220个代码实例

    |--RadioGroup的用法(里面的成员可以是任何view) |--SD卡之计算剩余空间 |--Spinner下拉菜单组件 |--SplashActivity |--StringUtils工具类的常用方法 |--TabHost一个界面显示多Activity |--TextView单行跑马灯效果 |...

    Discuz! X3.4 繁体中文-PHP

    风格管理中新增操作结果混乱的问题40、修复 IE6、IE7等浏览器提示common.js报错的Bug41、修复 前台充值卡密页面不显示验证码和同一卡密充值2次成功的Bug42、【轻量级 PR】:修复门户”模块管理“菜单高亮相关BUG43...

Global site tag (gtag.js) - Google Analytics