`
charrys
  • 浏览: 36142 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类

JS可以控制样式的名称写法

    博客分类:
  • 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

来自(http://www.ok22.org/art_detail.aspx?id=111 )

分享到:
评论
1 楼 charrys 2011-04-18  
呵自己跟自己留言

相关推荐

    JS可以控制样式的名称写法一览

    本篇将详细阐述JavaScript如何控制样式的名称写法,帮助需要的朋友了解这一关键技能。 首先,我们要知道CSS语法在书写样式名称时通常是不区分大小写的,例如`border`、`border-bottom`等。然而,在JavaScript中,当...

    107个常用Javascript语句参数写法

    从给定的文件信息中,我们可以总结出一系列重要的JavaScript知识点,涵盖了从基本语法到DOM操作、数据类型转换、流程控制以及浏览器API的使用等各个方面。下面是对这些知识点的详细解释和扩展: ### 1. 输出语句:`...

    WeUI的轻量级js封装

    JavaScript开发中的MVC框架如AngularJS、React和Vue.js等,它们通过控制器、模型和视图的概念来组织代码,提供数据绑定和组件化特性。UI库如Bootstrap、Element UI和Ant Design等,则专注于提供预设样式和交互组件,...

    js 获取计算后的样式写法及注意事项

    在JavaScript中,获取元素的计算后样式(即实际应用到元素上的样式)是开发者经常遇到的需求。这可能包括浏览器解析CSS后得到的实际宽度、高度、颜色等属性值。本文将详细探讨如何使用`currentStyle`对象和`...

    100多个很有用的JavaScript函数以及基础写法汇总

    46. 引入外部JS文件:`<script type="text/javascript" src="aaa.js"></script>`。 47. `noscript` 标签用于在不支持JavaScript的浏览器中显示内容。 48. `location.href` 用于改变当前页面的URL。 49. `onsubmit` ...

    js no-repeat写法 背景不重复

    总之,“js no-repeat写法 背景不重复”这一知识点主要涵盖了在JavaScript中如何通过编程方式控制元素的背景图片不重复显示,以及相关的CSS属性使用,包括兼容性处理等方面的内容。掌握这些知识对于前端开发者来说是...

    easyui折叠菜单写法

    通过配置选项,开发者可以控制每个面板的初始状态(如默认展开还是收起)、图标、标题等属性。此外,Accordion还支持事件监听,例如面板被选择时触发的事件等。 #### 三、代码分析 根据提供的代码片段,我们可以...

    JavaScript_DOM_编程艺术读书笔记

    CSS可以控制网页的布局、颜色、字体等各种视觉效果。 - **DOM(文档对象模型)**:DOM是由W3C(万维网联盟)制定的标准,它提供了一种与系统平台和编程语言无关的接口,使程序和脚本能够动态地访问和修改文档的内容...

    javascript css float属性的特殊写法

    其中,利用 JavaScript 动态控制元素样式的能力是实现页面动态效果的重要手段之一。本文主要介绍如何通过 JavaScript 来操作 CSS 中的 `float` 属性,并探讨其特殊之处。 #### 一、背景知识 1. **CSS `float` 属性...

    js调用css属性写法

    学习如何正确调用CSS属性能够帮助开发者更好地控制页面元素的样式,实现丰富的交互效果。下面将详细介绍如何在JavaScript中使用style属性来获取和设置元素的样式。 首先,对于那些CSS属性名称中没有中划线的情况,...

    javascript+CSS实现的目录树

    在这个项目中,`JS树`很可能是一个包含JavaScript代码和CSS样式的文件,它实现了上述功能。为了运行和理解这个项目,你需要将这个文件解压并包含在HTML文件中,然后在浏览器环境下查看效果。同时,可能还需要考虑...

    谈谈JavaScript中浏览器兼容问题的写法小议

    在IE浏览器中,我们可以使用`element.currentStyle["属性名"]`来获取元素的内联样式和内部样式表中的样式;而在其他非IE浏览器中,我们应使用`window.getComputedStyle(element, null)["属性名"]`。为了实现跨浏览器...

    Html_Js_cssWeb基础教程.pdf

    - **使用`body`标签控制页面样式**:介绍`<body>`标签中可以使用的属性,如背景颜色、背景图像等。 ### 第二部分 用CSS美化你的页面 #### 第十一讲 如何引用样式表 - **了解样式表的优势**:说明CSS如何提高页面...

    JavaScript修改css样式style动态改变元素样式

    通过使用JavaScript,我们可以在不刷新页面的情况下修改网页上的样式,从而提升用户体验。接下来,我们将详细讲解几种使用JavaScript修改CSS样式的方法。 首先,我们可以局部改变元素的样式。局部改变样式主要包括...

    JavaScript 试卷试题附答案

    ### JavaScript 试卷试题知识点解析 #### 1. 在 HTML 页面中包含一个按钮控件 mybutton,如果要实现点击该按钮时调用已定义的 JavaScript 函数 compute,正确的 HTML 代码是什么? - **选项分析**: - A: `”...

    JavaScript兼容性总结之获取非行间样式案例

    进一步地,为了提高代码的可扩展性和复用性,文档提供了一个扩展性写法,即定义了一个名为getStyle的函数,该函数接收一个对象和一个样式名称作为参数,返回对象的当前计算样式值: ```javascript function ...

    vue 自定义组件的写法与用法详解

    - `<script>`:包含组件的JavaScript逻辑,可以通过`export default`导出组件对象,定义数据和方法。 - `<style>`:包含组件的样式定义,支持 scoped 属性限制样式只作用于当前组件。 #### 实例代码解析 ```vue ...

    一个Jsp弹出窗口

    JavaScript代码可以内联写在HTML中的`<script>`标签内,也可以链接到外部JS文件中。对于弹出窗口,常用的函数可能包括`alert()`,`confirm()`或`prompt()`,但这些原生方法通常用于简单的对话框,可能不符合"简单...

    CSS,JS的理论题

    因此答案是 **A、<script src="xxx.js" language=”javascript”>**,但需要注意的是,`language` 属性在现代HTML中已不再使用,正确的写法应该是 `<script src="xxx.js">`。 20. **显示消息框** - **题目**: 如何...

Global site tag (gtag.js) - Google Analytics