CSS和Javascript的标签属性对应表

在写javascript中，经常要用到style对象的css属性，很多不记得

其实很好记，基本就是CSS中的“-”转化为javascript的驼峰写法，除了注意下float

盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照

可以500%提高开发效率的前端UI框架！ 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

可以500%提高开发效率的前端UI框架！ 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

可以500%提高开发效率的前端UI框架！

提示：

CSS中的float属性是个例外，因为float是javascript的保留关键字，在IE中使用的是styleFloat,而其他浏览器则使用cssFloat.

时间： 2024-10-26 20:20:17

CSS和Javascript的标签属性对应表的相关文章

一些css和javascript还有html的属性方法和标签

span 一个没有语义的行内标签 base这个标签可以设置超链接的默认跳转方式 title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本 class 定义标签的类名 id 定义标签的Id名 active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层 stylesteet 层叠样式表 focus 设置元素获得焦点时样式的伪类,也不建议使用了 visited 设置超链接被访问过后的样式的伪类 target 设置超链接的跳转方式 _blank 是targ

CSS和JavaScript标签style属性对照表

CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,第二个字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomWidthborder-colo

CSS 和 JavaScript 标签 style 属性对照表

CSS 和 JavaScript 标签 style 属性对照表: 盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom

JavaScript基础使用js给表单增加method属性

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

CSS和Java script 标签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

CSS属性简表（伸缩盒、变换、过渡、动画）

CSS属性简表(伸缩盒.变换.过渡.动画) 伸缩盒 ====================================== 应用于flex容器 flex-direction(排列方向): row row-reverse column column-reverse; flex-wrap(是否换行): nowrap wrap wrap-reverse; flex-flow justify-content(子项在横轴上的对齐方式): flex-start/end center space-bet

JS获取元素、修改元素/css样式/标签属性、简单事件、数据类型

基本使用写在Script 标签里引入外部js文件:<script src=" "></script> console.log(" ") 方法用于在控制台输出信息注意事项严格区大小写每一行完整语句后面加分号变量名不能使用关键字和保留字代码要缩进,保持可读性修改元素内容获取元素通过id获取元素:document.getElementById(""); 通过class名字获取元素:document.getEl

JavaScript中DOM操作之设定标签属性

一.标签属性值的设定和获取标签对象.steAttribute('属性名称',属性值):一次只能定义一个,如果要定义多个,需要多次执行获取标签属性值标签对象.getAttribute('属性名称');获取的结果都是字符串 //获取所有div的标签 var oDiv1 = document.querySelector('div'); //并且将属性设置为index=0 oDiv1.setAttribute('index',0); //输出设定后的结果 console.log( oDiv1 ); /

常用html、CSS、javascript前端命名规范

常用html.CSS.javascript前端命名规范无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下. 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的: 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本