`
ldl_xz
  • 浏览: 68966 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

CSS和JS标签style属性对照表

 
阅读更多

  

盒子标签和属性对照
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
html中td.class="aaa"    td.className="aaa"

注意:1、在使用js时,如newTD.style.paddingLeft="200";(错误),正确生效的写法是newTD.style.paddingLeft="200px";(正确),不可少了px,否则不会生效。


转载自:http://www.9958.pw/post/css_js_style

分享到:
评论

相关推荐

    CSS 和 JavaScript 标签 style 属性对照表

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

    CSS和JavaScript标签style属性对照表

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

    CSS和JS标签style属性对照表(方便js开发的朋友).docx

    本文将详细解析CSS和JavaScript中的style属性对照表,这对于JS开发者理解和操作DOM元素的样式非常有帮助。 1. **边框属性(Border Properties)** - CSS 中,设置边框的属性如 `border`, `border-bottom`, `border...

    JavaScript CSS Style属性对照表

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

    CSS和JS标签style属性对照表(方便js开发的朋友)

    这种对照表可以帮助开发者快速查找和理解在JavaScript中如何设置相应的CSS样式,使得在进行Web开发时能够更加便捷和准确地操作DOM元素的样式。 请注意,由于原文中存在一些OCR扫描错误,如有些属性的前后可能存在...

    JS中的CSS_Style属性标签对照表

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

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

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

    js控制css属性对照表

    DOM提供了许多方法和属性来读取或修改元素的CSS样式,如`element.style.color = 'red';`。 ##### 2.3 对照表简介 下面的对照表列出了常见的CSS属性及其对应的JavaScript DOM属性形式。这些属性分为几大类:盒子...

    CSS和JavaScript标签对照表

    ### CSS与JavaScript标签对照知识点详解 #### 一、盒子模型属性对照 在Web开发中,理解和掌握CSS(层叠样式表)与JavaScript之间的交互是非常重要的。下面我们将详细探讨CSS与JavaScript在处理盒子模型属性时的...

    CSS与JS属性对照表

    4. 样式标签和属性: - `display`属性在CSS中用于控制元素的显示方式,例如`display: none;`。JavaScript中的`style.display`可用来更改此属性。 - `list-style-type`, `list-style-image`, `list-style-position`...

    Javascript和Css属性对照

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

    CSS和JS对照表

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

    CSS属性在Javascript中对应表

    在网页开发中,CSS(Cascading Style Sheets)和JavaScript是两种至关重要的技术。CSS用于定义页面的样式和布局,而JavaScript则提供了交互性。在实际应用中,开发者经常需要在CSS和JavaScript之间进行交互,比如...

    js style对照表

    本文将深入解析JS style对照表,帮助开发者更熟练地使用JS来修改元素的CSS样式。 #### 盒子模型属性 - **边框属性**:CSS中的`border`属性在JS中对应`border`,但当具体到颜色、样式或宽度时,如`border-bottom-...

Global site tag (gtag.js) - Google Analytics