在写javascript中,经常要用到style对象的css属性,很多不记得
其实很好记,基本就是CSS中的“-”转化为javascript的驼峰写法,除了注意下float
盒子标签和属性对照
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 |
提示:
CSS中的float属性是个例外,因为float是javascript的保留关键字,在IE中使用的是styleFloat,而其他浏览器则使用cssFloat.
分享到:
相关推荐
用JavaScript修改CSS属性 只有写原生的javascript了。 1.用JS修改标签的 class 属性值: class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也...
14.5.1 嵌入式样式表和〈style〉标签 14.5.2 内联样式和〈style〉属性 14.6 链接的样式表 14.6.1 〈link〉标签 14.6.2 使用@import导入 14.7 创建样式类 14.7.1 用类设定简单表格...
因此,您可以轻松地看到它,只是我们在html标签的style属性中编写的普通CSS代码。 #####步骤5:单击“查找”按钮,找到与您的查询相对应的最相关CSS类列表。 默认情况下,应用程序尝试从其主目录(CSS_FINDER_HOME...
标签,属性是它的“装备”,可以给它添加功能,如href属性可以使它在被点击的情况下跳到对应网址 2.1重要标签 2.1.1表格标签,常常用于显示内容 表格标题:<caption></caption> 表格头:<thead><tr><th></th>...
testCSSMd5测试CSS 构建功能描述找到项目 src 下的所有jsp html文件遍历【1】中的所有文件,进入【3】解析【2】的文件内容,找到 css 的link标签遍历【3】的 css 引用对该css href属性进行处理,映射到真实的文件目录...
设置对应内容的隐藏和显示 obj:元素的id name:元素对应的name属性的值, t:对应内容的标签 num:当前选择的元素的序号、还有一个播放的函数以及取对应id的函数,取obj元素下标签为tij的元素并要求满足name属性=name;...
JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...
javascript数组和字典以及for循环 javascript条件语句 javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之全选和反选以及取消 javascript必须加分号 示例之后台管理左侧菜单 今日内容梳理 ...
引入js来控制动画逻辑新建CSS样式文件,在HTML文件标签添加属性引入CSS样式。分别设计文本、颜色、动画对应属性的样式新建JavaScript文件,实现Ja
COM130-互联网和Web基础提出有关Web文档结构的概念: 超文本; XML和HTML(SGML)源; 内容结构与文档外观; 基本HTML标签(H1,P等)和可扩展的(div,span等... :给定div格式的页面使用与相应CSS结构相对应的标签;
COM130-互联网和Web基础 提出有关Web文档结构的概念: 超文本; XML和HTML(SGML)源;... :给定以div格式化的页面,请使用与相应CSS结构相对应HTML5标签; :使用CSS创建HTML5结构,其中包括2个用于介绍电
如果您希望样式表存储在系统自带的模板目录ui.css中,请将插件对象的样式名留空,则会自动按照插件名来调用相应的样式,例如:xhEdtBtnCut、xhEdtBtnCopy,其中的Cut和Copy是插件名 具体调用方法请参考演示文件夹中...
W3School离线手册(2014.12.16)最新...3.更新同步W3School内容,更新JQuery, JQuery Mobile, TCP/IP, JavaScript, HTML5, Css 3.0手册与属性, 其它未指明项请自行查阅. 4.欢迎各位提意见,好的意见将会在下个版本中添加.
标签属性 420 HTML基本标签 422 标题元素 422 HTML格式 427 HTML实体 431 不可拆分的空格 431 HTML表格 439 表格 441 HTML列表 461 HTML图像 469 Img标签和src属性 469 HTML背景 475 内容总结 478 独立实践 479 第二...
内的最下面,因为每个[removed]在执行的时候,都会下载对应的js文件,浏览器会等待所有js/css下载完成才显示出页面 3、当需要导入多个js文件的时候,一般情况下我们都是写两个[removed],实际上是支持一次性导入多个...
3.更新同步W3School内容,更新JQuery, JQuery Mobile, TCP/IP, JavaScript, HTML5, Css 3.0手册与属性, 其它未指明项请自行查阅. 4.欢迎各位提意见,好的意见将会在下个版本中添加. 5.此文件做为,W3School离线手册...
一个名为background的CSS类,并设置了背景图、大小、位置、重复方式和高度等属性,你可以完全自定义。 在Vue.js应用程序中实现让login.vue页面有一个全局的背景图了。需要注意的是,由于全局样式会作用于整个应用...
本人非科班出生,所学知识是网上找的,若有理解错误,望大佬能够指出, ) Vue概述 Vue:渐进式JavaScript...把vue的data属性内的 key放到对应的标签位置 实例参数分析 el:元素的挂载位置(值可以是css选择器或者DOM
头部和身体标签 标题,段落和文字 标题结构 默认浏览器样式(标题类型,文本样式) 图标签 链接 清单 HR和BR标签 div标签 ID 班级 额外的实现-另外,我添加了一些其他实现: 1.将CSS添加到HTML-这可以通过3种方式...