DOM-----style属性对照表
CSS和Java script 标签对照表
|
盒子标签和属性对照 |
|
|
CSS语法 (不区分大小写) |
Java script 语法 (区分大小写) |
|
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语法 (不区分大小写) |
Java script 语法 (区分大小写) |
|
background |
background |
|
background-attachment |
backgroundAttachment |
|
background-color |
backgroundColor |
|
background-image |
backgroundImage |
|
background-position |
backgroundPosition |
|
background-repeat |
backgroundRepeat |
|
color |
color |
|
样式标签和属性对照 |
|
|
CSS语法 (不区分大小写) |
Java script 语法 (区分大小写) |
|
display |
display |
|
list-style-type |
listStyleType |
|
list-style-image |
listStyleImage |
|
list-style-position |
listStylePosition |
|
list-style |
listStyle |
|
white-space |
whiteSpace |
|
文字样式标签和属性对照 |
|
|
CSS语法 (不区分大小写) |
Java script 语法 (区分大小写) |
|
font |
font |
|
font-family |
fontFamily |
|
font-size |
fontSize |
|
font-style |
fontStyle |
|
font-variant |
fontVariant |
|
font-weight |
fontWeight |
|
文本标签和属性对照 |
|
|
CSS语法 (不区分大小写) |
Java script 语法 (区分大小写) |
|
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 |
DOM-----style属性对照表的更多相关文章
- CSS和JavaScript标签style属性对照表
CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...
- JavaScript CSS Style属性对照表
JavaScript CSS Style属性对照表 盒子标签和属性对照 CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom ...
- CSS和JS标签style属性对照表
盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-c ...
- JS中style属性
解决办法:1.先定义一个CSS规则,然后this.className=''2.document.getElementByIdx_x("a").style.cssText=" ...
- js 获取DOM的style属性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- style属性css与javascript对照表
有时候会用javascript来控制标签的style,但js的style属性写法跟css有点不一样,通常是一个单词的写法不变,单词-单词属性会去掉“-”,再把第二个单词的首字母大写,估计是为了与减法运 ...
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的 ...
- dom.style.left 与 dom.offsetLeft区别
dom.style.left 初始空值,必须在html行内样式定义值才有值,在css样式定义仍为空值 可读写,是字符串,读写是必须加px,否则无效 ...
- SVG DOM常用属性和方法介绍
将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析器所特有的.SVG支持DOM2标准. 12.2 ...
- DOM Style样式对象的详细用法
DOM Style样式对象的详细用法 HTML Style样式比较复杂,相应访问.修改方法也有所差异.参考相关资料,整理如下. 典型Html文件如下,有三种定义方式. <head> ...
随机推荐
- 线程高级.md
例题,哲学家用餐: 在一张餐桌上坐着五个哲学家,但是却只有五根筷子,每个哲学家只有一根筷子,所以当一个哲学家要夹菜的时候需要用他旁边那个哲学家的筷子,被拿走筷子的哲学家则只能等待那个哲学家吃完放下筷子 ...
- 使用Spring boot + jQuery上传文件(kotlin)
文件上传也是常见的功能,趁着周末,用Spring boot来实现一遍. 前端部分 前端使用jQuery,这部分并不复杂,jQuery可以读取表单内的文件,这里可以通过formdata对象来组装键值对, ...
- HTML5的应用缓存
HTML5:提供一种应用缓存机制,使得基于web的应用程序可以离线运行.开发者可以使用 Application Cache (AppCache) 接口设定浏览器缓存的数据并使得数据离线有效. 在处 ...
- php的laravel框架使用心得
最近在做一项目,是基于laravel的后台api,用于与手机交互的,数据采用json格式.下面说下怎样在两周内把一个新框架或者语言用的得心应手. 项目采用laravel5.4+dingoapi+jwt ...
- 强连通分量tarjan缩点——POJ2186 Popular Cows
这里的Tarjan是基于DFS,用于求有向图的强联通分量. 运用了一个点dfn时间戳和low的关系巧妙地判断出一个强联通分量,从而实现一次DFS即可求出所有的强联通分量. §有向图中, u可达v不一定 ...
- 31. leetcode 122. Best Time to Buy and Sell Stock II
122. Best Time to Buy and Sell Stock II Say you have an array for which the ith element is the price ...
- 3. leetcode 463 Island Perimeter
思路:设原始周长为4*节点数,每当出现一次相邻的情况,原始周长会减2.
- 【模板】HDU--1233 畅通工程
省政府"畅通工程"的目标是使全省任何两个村庄间都可以实现公路交通(但不一定有直接的公路相连,只要能间接通过公路可达即可).经过调查评估,得到的统计表中列出了有可能建设公路的若干 ...
- vue2.0 新手教程
想想自己写vue的项目也写了一年了,从vue1.0到2.0,走过不少路,填过不少坑, 下面记录一下新手从0到1的过程,本文“应该”会持续更新 首先安装vue的运行环境node 1.下载Nodejs并安 ...
- Apache Kafka系列(四) 多线程Consumer方案
Apache Kafka系列(一) 起步 Apache Kafka系列(二) 命令行工具(CLI) Apache Kafka系列(三) Java API使用 Apache Kafka系列(四) 多线程 ...