`

css与js属性对照表

    博客分类:
  • html
阅读更多

盒子标签和属性对照 CSS语法(不区分大小写) JavaS cript语法(区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color

 

盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照
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紧密配合

    CSS与JS属性对照表

    以下是一些主要的CSS与JS属性对照: 1. 边框属性: - CSS中的`border`属性可以设置元素的全部边框,而在JavaScript中,可以分别使用`border-top`, `border-right`, `border-bottom`, 和 `border-left`来设置各个...

    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