<script type="text/javascript">
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
</script>
Example Source Code [www.52css.com]
<img src="52css.png" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />
JavaScript CSS Style属性对照表
盒子标签和属性对照
Example Source Code [www.52css.com]
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
颜色和背景标签和属性对照
Example Source Code [www.52css.com]
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
color color
样式标签和属性对照
Example Source Code [www.52css.com]
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
display display
list-style-type listStyleType
list-style-image listStyleImage
list-style-position listStylePosition
list-style listStyle
white-space whiteSpace
文字样式标签和属性对照
Example Source Code [www.52css.com]
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
font font
font-family fontFamily
font-size fontSize
font-style fontStyle
font-variant fontVariant
font-weight fontWeight
文本标签和属性对照
Example Source Code [www.52css.com]
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样式属性的名字中都有连字符,在JavaScript中,连...下面是CSS自身属性与JavaScript中CSS编码对照表: 盒子标签和属性对照:CodeCSS语法 (不区分大小写) JavaScript语法 (区分大小写)border borderborder-bott
5. CSS属性与JavaScript属性对照表。实际开发中,需要频繁地将CSS属性转换为JavaScript属性。开发者可以通过查阅对照表来快速找到对应关系。例如,`background`属性在JavaScript中对应`backgroundColor`,`border-...
这个“计算机专业术语英文对照表”旨在帮助读者理解和应用这些关键概念,从而提升计算机和电子领域的知识水平。 1. **操作系统 (Operating System, OS)**:操作系统是管理计算机硬件与软件资源的核心程序,例如...
### ASP编程代码对照表知识点详解 #### 一、获取系统时间 **代码示例:** ```asp ()% ``` **知识点说明:** 在ASP编程中,`Now()`函数用于返回当前的日期与时间。这在很多场景下都非常有用,比如记录用户的操作时间...
最后,文中提到了一些辅助工具,例如RGB颜色编码生成器、在线网页配色工具以及RGB颜色查询对照表等,这些工具可以帮助开发者快速找到所需的颜色代码,方便颜色的管理和应用。 总结来说,JavaScript提供了一种便捷的...
内容概要:本文汇集了各种浪漫恋爱告白的HTML、CSS和JavaScript代码,提供了详细的特效介绍及源码链接。主要内容包括但不限于屏幕爱心飘动配合各色彩带文字、趣味弹窗代码、立体心形动画,还有基于SVG的情人节盒动画...
在JavaScript中,可以使用`String.fromCharCode()`方法表示Unicode编码,或者使用`\u`转义序列。 5. **DOM操作**: 要实现在网页上的实时转换,JavaScript需要能够操作DOM(Document Object Model),这是HTML文档的...
Base64编码是一种基于64个可打印字符来表示二进制数据的表示方法。由于网络传输环境中,很多设备和协议只支持ASCII字符,因此Base64常用于在文本协议中传输二进制数据。Base64编码通过将3字节的二进制数据转换为4个...
事件属性允许JavaScript与HTML元素交互,响应用户的操作。常见的事件包括窗口事件(如`load`和`unload`),表单元素事件(如`onclick`和`onchange`),键盘事件(如`keydown`和`keyup`)和鼠标事件(如`mouseover`和...
3. **CSS样式表**:介绍CSS(层叠样式表)的概念,如何创建和应用样式,以及如何通过DreamWeaver进行样式管理。 4. **响应式设计**:尽管MX 2004版本可能不包含对现代响应式设计的支持,但可能会讲解如何通过传统的...
这些实体的应用不仅限于文本内容,还可以在属性值、JavaScript代码和CSS样式中使用,确保这些特殊字符不会被误解析。 在实际开发中,我们常常会遇到需要批量转换的情况。这时,可以借助一些工具,比如在线的HTML...
在IT行业中,"节点RS...总的来说,HTML是构建网页内容和结构的核心工具,通过与其他技术如CSS和JavaScript的结合,可以创建出功能丰富、视觉吸引人的网页。不断学习和掌握新的HTML特性,对于IT专业人士来说至关重要。
用户界面负责展示信息和收集用户输入,通常由HTML、CSS和JavaScript构建,与服务器通过HTTP协议交互。在本项目中,用户界面设计应简洁明了,便于学生和教师操作。业务逻辑层处理各种业务规则和流程,例如作业的上传...
- **静态资源优化**:压缩CSS、JavaScript文件,合并图片资源,减少网络延迟,提高页面加载速度。 综上所述,JAVA开发规范涵盖了从代码编写到项目管理的各个方面,旨在促进团队协作,提升软件质量,是每个JAVA...
JSP页面由HTML、CSS、JavaScript和Java代码组成,其中Java代码负责处理服务器端逻辑。本项目中,JSP用于生成动态网页,处理用户请求,与数据库交互,提供业务逻辑支持。 2. **数据库设计**:项目中涉及到数据库的...
检查样式表(如 `styles.css`)和模板文件,了解响应式设计的实现。 9. **测试(Testing)**:Angular5提供了内置的测试工具,如Karma和Jasmine。源代码中可能包含测试文件(如 `.spec.ts`),可以帮助你学习单元...
而像"3.***.11232"这样的数字序列,由于与常识不符,可能是OCR扫描错误或者文档中特有的编码,需要结合实际情况来解释。 以上内容涵盖的技术知识点较为丰富,为软件开发的各个方面提供了框架。这些技术的合理运用...
- **codetable:** 语言编码对照表。 - **fckeditor:** 开源HTML编辑器,用于内容编辑。 - **modules\convert:** ShopEx数据转换工具。 - **modules\cron:** 定时任务处理,如自动上下架商品。 - **modules\...
"myappsampe:适用于教程的SampleApp" 是一个针对教学目的设计的应用程序示例,它可能包含了HTML(超文本标记语言)的基础到高级...同时,结合其他Web技术,如CSS和JavaScript,可以进一步增强网页的视觉效果和交互性。
CSS大家很熟悉了,全称是Cascading Style Sheets(层叠样式表),是目前用来在浏览器上显示XML文档的主要方法。 3.Behaviors Behaviors现在还没有成为标准。它是微软的IE浏览器特有的功能,用它可以对XML标识设定...