`

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 
分享到:
评论

相关推荐

    CSS与JS属性对照表.

    CSS与JS属性对照表,CSS 属性对照表是 js 初学者必备的基础知识.CSS与JS紧密配合,为我们的页面增添了很多别致的效果,为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性CSS与JS紧密配合

    javaScript属性与CSS属性对照表.xls

    javaScript属性与CSS属性对照表,一般来说javascript与css的属性只要稍微改动一下就可以用了。

    js控制css属性对照表

    ### JavaScript 控制 CSS 属性对照表详解 #### 一、前言 在前端开发中,JavaScript(简称JS)与CSS的交互是实现动态效果的重要手段之一。通过JS操作DOM元素来改变其CSS样式,可以轻松地实现动画效果、响应式布局...

    JavaScript CSS Style属性对照表

    ### JavaScript CSS Style属性对照表详解 #### 一、引言 在前端开发中,通过JavaScript动态修改CSS属性是一种常见的操作手法。例如,在用户交互时改变元素的样式来增强用户体验。本文将详细介绍如何利用JavaScript...

    CSS和JavaScript标签style属性对照表

    ### CSS与JavaScript中style属性对照表详解 #### 引言 在前端开发中,CSS(层叠样式表)和JavaScript是构建动态、交互式网页的关键技术。为了更好地控制页面元素的样式,开发者经常需要通过JavaScript来操作DOM...

    CSS 和 JavaScript 标签 style 属性对照表

    CSS 和 JavaScript 标签 style 属性对照表,以及js的事件列表与解说

    CSS和JavaScript标签对照表

    在Web开发中,理解和掌握CSS(层叠样式表)与JavaScript之间的交互是非常重要的。下面我们将详细探讨CSS与JavaScript在处理盒子模型属性时的区别。 ##### **1.1 边框属性** - **CSS语法**:`border`, `border-...

    Javascript和Css属性对照

    JavaScript 和 CSS 是...记住,学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法,还要深入理解其工作原理,这样才能在面对复杂需求时游刃有余。同时,不断实践和优化代码,才能真正掌握这两门语言的精髓。

    JS中的CSS_Style属性标签对照表

    在JavaScript中,与CSS Style相关的属性常常用于动态地改变网页元素的样式。下面将详细介绍这些属性,分为四个主要部分:盒子模型属性、颜色和背景属性、样式属性以及文字样式和文本属性。 1. 盒子模型属性: - `...

    JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明

    下面是对标题和描述中提到的一些CSS Style属性在JS中的详细解释: 1. **边框(Border)属性**: - `border`: 设置所有边框的样式、宽度和颜色。 - `border-bottom`: 设置下边框。 - `border-bottom-color`: 设置...

    CSS属性在Javascript中对应表

    - `background-color`:对应的JavaScript属性是`element.style.backgroundColor`,用于改变或获取元素的背景颜色。 2. **尺寸属性**: - `width`和`height`:在JavaScript中,可以通过`element.style.width`和`...

    CSS和JS对照表

    ### CSS与JS对照表知识点详解 #### 一、盒子模型标签和属性对照 在Web开发中,理解CSS盒模型对于布局至关重要。盒模型由多个部分组成:边框(`border`)、填充(`padding`)、边界(`margin`)以及清除(`clear`)等。 **...

    CSS和JS标签style属性对照表

    ### CSS与JavaScript Style属性对照表解析 在网页开发过程中,我们经常会遇到需要通过JavaScript来动态修改元素样式的场景。为了确保代码的正确性和兼容性,理解CSS属性与JavaScript中的style对象属性之间的映射...

    js控制CSS样式属性语法对照表

    CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。 例如常用的关闭某个漂浮的广告显示:document.getElementById(‘ad’).style....

    js与css样式对照

    #### CSS样式与JavaScript属性对照表 在Web开发中,JavaScript经常被用来动态地修改CSS样式,实现页面元素的动态效果。为了方便开发者理解和使用,这里详细介绍了一些常用的CSS样式及其对应的JavaScript属性。 ###...

Global site tag (gtag.js) - Google Analytics