`

js css属性对照

    博客分类：
  • java
CSSJavaScript 
阅读更多

盒子标签和属性对照

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

分享到：
| Iterator，组合
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    js控制css属性对照表

    本文将详细介绍如何利用JavaScript控制CSS属性，并提供一份详尽的属性对照表，帮助读者更好地理解和掌握这一技能。 #### 二、基础知识 ##### 2.1 CSS属性 CSS属性定义了HTML元素的外观和布局。它们由属性名和值...

    Javascript和Css属性对照

    通过 `javascipt和css属性对照.doc` 文件，你可以系统地学习并对比这两种语言的属性，进一步提升你的前端技能。 记住，学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法，还要深入理解其工作原理，这样...

    CSS与JS属性对照表.

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

    js与css样式对照

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

    JavaScript CSS Style属性对照表

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

    CSS和JavaScript标签style属性对照表

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

    CSS属性在Javascript中对应表

    本篇文章将详细解析CSS属性在JavaScript中的对应关系，并探讨如何在JavaScript中操作这些属性。 1. **颜色属性**： - `color`：在JavaScript中，可以使用`element.style.color`来设置或获取元素的文本颜色。 - `...

    css和js标签style属性对照

    css和js标签style属性对照

    CSS与JS属性对照表

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

    CSS 和 JavaScript 标签 style 属性对照表

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

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

    在JavaScript中，对元素的CSS样式进行操作是常见的任务，这通常涉及到`element.style`对象。这个对象允许我们直接...在实际编程中，我们可以通过`element.style.property = value`的形式来设置或获取这些CSS属性的值。

    JS中的CSS_Style属性标签对照表

    在JavaScript中，可以通过元素的`style`属性来访问和修改这些CSS属性，例如： ```javascript element.style.backgroundColor = "blue"; element.style.fontSize = "20px"; ``` 这使得JavaScript与CSS结合使用时，...

    js中css对照表

    ### JavaScript与CSS属性对照表详解 #### 前言 在Web开发中，JavaScript与CSS是两个非常重要的技术。为了更好地实现动态效果和交互性，开发者经常需要通过JavaScript来操作DOM元素的样式。这就涉及到了JavaScript...

    CSS和JS标签style属性对照表

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

Magicbox
Global site tag (gtag.js) - Google Analytics