JavaScript中的CSS属性对照表

JavaScript中的CSS属性对照表(新手必备)

JavaScript中的CSS属性对照表是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

规律: "-"去掉,并把-后面的首字母换成大写

而且区分大小写

时间： 2024-10-05 05:02:14

JavaScript中的CSS属性对照表的相关文章

javascript中常用坐标属性offset、scroll、client

原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. 1.在文档(document)对象里面用: scrollWidth/Height:获取对象的滚动宽度(滚动条可以滚动的宽度,相当于整个页面的总宽度的样子--网页正文全宽) scrollLeft/Top:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(页面利用滚动条滚动到右边时,隐藏在

[ jquery 方法 text([val|fn]) ] 此方法操作匹配的元素或元素集中的内容,相当于javascript中的innerText属性

取得所有匹配元素的内容:结果是由所有匹配元素包含的文本内容组合起来的文本,这个方法对HTML和XML文档都有效,相当于javascript中的innerText属性,可读可写,但是无法解析HTML标签: 如果传入的是callback,此函数返回一个字符串并且参数解析如下: 1.index为元素在集合中的索引位置 2.text为原先的text值. 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Ins

jQuery中的css属性对应名称

css中一些样式属性可以直接引用到jquery中,但是有些属性在jquery中与在css中有些区别,下面就是一些常用属性在css与jquery中的名称. jQuery中的css属性对应名称 css jQuery bottom bottom left left right right top top width width min-width minWidth max-width maxWidth height height min-height minHeight max-height maxH

javascript 中 arguments.callee属性

javascript 中 arguments.callee属性可以在函数内部,指向的是这个函数(或者叫做“类”)本身. 相当于PHP 中的 self 关键字. The arguments.callee property contains the currently executing function. Description callee is a property of the arguments object. It can be used to refer to the current

JavaScript中Number常用属性和方法

title: JavaScript中Number常用属性和方法 toc: false date: 2018-10-13 12:31:42 Number.MAX_VALUE--1.7976931348623157e+308,可表示的最大数 Number.MIN_VALUE--5e-324,可表示的最小数 toExponential(x)--把对象的值转换为指数计数法 toFixed(x)--把数字转换为字符串,x为小数点后位数 toPrecision(x)--把数字格式化为指定的长度 toStri

JavaScript中对象的属性

原文:http://www.2ality.com/2012/10/javascript-properties.html JavaScript中有三种不同类型的属性:命名数据属性(named data properties),命名访问器属性(named accessor properties)以及内部属性(internal properties). 命名数据属性这种属性就是我们通常所用的"普通"属性,它用来将一个字符串名称映射到某个值上.比如,下面的对象obj有一个名为字符串"

HTML中的CSS属性

CSS的作用是给HTML打扮所用: CSS在HTML中显示的方式有三种:内联,内嵌和外嵌: 外嵌 <like rel="stylesheet" href="这里面写连接路径"/> 内嵌 <style>在这里面添加CSS属性</style> 内联 <div style="在这里面写CSS属性"></div> 以下是一些简单常用的CSS属性: id选择器,class选择器,属性选择器:基本的

javascript之复习(css属性值的计算)

js取div的宽高咋办,css有content-box,border-box,padding-box,表现又不一样.好在有个offsetWidth, <style type="text/css"> *{margin: 0;padding: 0;} #aa{ margin: 20px; padding: 15px; border: 10px solid red; width: 50px; height: 50px; background-color: orange; box-

javascript中的defer属性和async属性

在html中,script标签有6个属性,其中defer和async属性比较难理解,废话少说一张图说明一切: 我们引入js代码的时候这样写: <script type="text/javascript" defer="defer" async="true/false" src="js文档地址"></script> defer和async的比较相同点: 加载文件时不阻塞页面渲染: 对于inline的sc