`
- 浏览:
105748 次
- 性别:
- 来自:
南京
-
http://blog.csdn.net/u012152619/article/details/42119327
javascript之Style对象
Background 属性
属性 描述
background 在一行中设置所有的背景属性
backgroundAttachment 设置背景图像是否固定或随页面滚动
backgroundColor 设置元素的背景颜色
backgroundImage 设置元素的背景图像(=url(“图片地址”))
backgroundPosition 设置背景图像的起始位置
backgroundPositionX 设置backgroundPosition属性的X坐标
backgroundPositionY 设置backgroundPosition属性的Y坐标
backgroundRepeat 设置是否及如何重复背景图像(repeat、no-repeat、repeat-x、repeat-y)
Border 属性
属性 描述
border 在一行设置四个边框的所有属性
borderBottom 在一行设置底边框的所有属性
borderBottomColor 设置底边框的颜色
borderBottomStyle 设置底边框的样式
borderBottomWidth 设置底边框的宽度
borderColor 设置所有四个边框的颜色 (可设置四种颜色)
borderLeft 在一行设置左边框的所有属性
borderLeftColor 设置左边框的颜色
borderLeftStyle 设置左边框的样式
borderLeftWidth 设置左边框的宽度
borderRight 在一行设置右边框的所有属性
borderRightColor 设置右边框的颜色
borderRightStyle 设置右边框的样式
borderRightWidth 设置右边框的宽度
borderStyle 设置所有四个边框的样式 (可设置四种样式)
borderTop 在一行设置顶边框的所有属性
borderTopColor 设置顶边框的颜色
borderTopStyle 设置顶边框的样式
borderTopWidth 设置顶边框的宽度
borderWidth 设置所有四条边框的宽度 (可设置四种宽度)
Margin 属性
margin 设置元素的边距(可设置四个值)
marginBottom 设置元素的底边距
marginLeft 设置元素的左边距
marginRight 设置元素的右边据
marginTop 设置元素的顶边距
outline 在一行设置所有的outline属性
outlineColor 设置围绕元素的轮廓颜色
outlineStyle 设置围绕元素的轮廓样式
outlineWidth 设置围绕元素的轮廓宽度
padding 设置元素的填充(可设置四个值)
paddingBottom 设置元素的下填充
paddingLeft 设置元素的左填充
paddingRight 设置元素的右填充
paddingTop 设置元素的顶填充
Layout 属性
属性 描述
clear 设置在元素的哪边不允许其他的浮动元素
clip 设置元素的形状
content 设置元信息
counterIncrement 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器的增量。默认是1。
counterReset 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器被设置的值。默认是0。
cssFloat 设置图像或文本将出现(浮动)在另一元素中的何处。
cursor 设置显示的指针类型
direction 设置元素的文本方向
display 设置元素如何被显示
height 设置元素的高度
markerOffset 设置markerbox的principal box距离其最近的边框边缘的距离
marks 设置是否crossmarks或crop marks应仅仅被呈现于page box边缘之外
maxHeight 设置元素的最大高度
maxWidth 设置元素的最大宽度
minHeight 设置元素的最小高度
minWidth 设置元素的最小宽度
overflow 规定如何处理不适合元素盒的内容
verticalAlign 设置对元素中的内容进行垂直排列
visibility 设置元素是否可见
width 设置元素的宽度
List 属性
属性 描述
listStyle 在一行设置列表的所有属性
listStyleImage 把图像设置为列表项标记
listStylePosition 改变列表项标记的位置
listStyleType 设置列表项标记的类型
Positioning 属性
属性 描述
bottom 设置元素的底边缘距离父元素底边缘的之上或之下的距离
left 置元素的左边缘距离父元素左边缘的左边或右边的距离
position 把元素放置在static,relative, absolute 或 fixed 的位置
right 置元素的右边缘距离父元素右边缘的左边或右边的距离
top 设置元素的顶边缘距离父元素顶边缘的之上或之下的距离
zIndex 设置元素的堆叠次序
Printing 属性
属性 描述
orphans 设置段落留到页面底部的最小行数
page 设置显示某元素时使用的页面类型
pageBreakAfter 设置某元素之后的分页行为
pageBreakBefore 设置某元素之前的分页行为
pageBreakInside 设置某元素内部的分页行为
size 设置页面的方向和尺寸
widows 设置段落必须留到页面顶部的最小行数
Scrollbar 属性 (IE-only)
属性 描述
scrollbar3dLightColor 设置箭头和滚动条左侧和顶边的颜色
scrollbarArrowColor 设置滚动条上的箭头颜色
scrollbarBaseColor 设置滚动条的底色
scrollbarDarkShadowColor 设置箭头和滚动条右侧和底边的颜色
scrollbarFaceColor 设置滚动条的表色
scrollbarHighlightColor 设置箭头和滚动条左侧和顶边的颜色,以及滚动条的背景
scrollbarShadowColor 设置箭头和滚动条右侧和底边的颜色
scrollbarTrackColor 设置滚动条的背景色
Table 属性
属性 描述
borderCollapse 设置表格边框是否合并为单边框,或者像在标准的HTML中那样分离。
borderSpacing 设置分隔单元格边框的距离
captionSide 设置表格标题的位置
emptyCells 设置是否显示表格中的空单元格
tableLayout 设置用来显示表格单元格、行以及列的算法
Text 属性
属性 描述
color 设置文本的颜色
font 在一行设置所有的字体属性
fontFamily 设置元素的字体系列。
fontSize 设置元素的字体大小。
fontSizeAdjust 设置/调整文本的尺寸
fontStretch 设置如何紧缩或伸展字体
fontStyle 设置元素的字体样式
fontVariant 用小型大写字母字体来显示文本
fontWeight 设置字体的粗细
letterSpacing 设置字符间距
lineHeight 设置行间距
quotes 设置在文本中使用哪种引号
textAlign 排列文本
textDecoration 设置文本的修饰
textIndent 缩紧首行的文本
textShadow 设置文本的阴影效果
textTransform 对文本设置大写效果
whiteSpace 设置如何设置文本中的折行和空白符
wordSpacing 设置文本中的词间距
标准属性
属性 描述
dir 设置或返回文本的方向
lang 设置或返回元素的语言代码
title 设置或返回元素的咨询性的标题
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
### JavaScript Style 对象与 CurrentStyle 对象详解 #### 一、Style 对象 **定义**: - `Style` 对象代表一个单独的样式声明,它可以从应用样式的文档元素访问。`Style` 对象主要用来获取元素的内联样式,即元素...
**Airbnb JavaScript Style Guide 中文版** Airbnb是一家知名的共享经济公司,同时也因其开源的JavaScript编码规范而闻名。这份风格指南旨在提供一套统一的代码编写标准,以提高代码的可读性和可维护性,适用于使用...
这篇博客"JavaScript CSS Style属性对照表"提供了一个详细的对比,帮助开发者更好地理解如何在JavaScript中操作CSS样式。下面将对这个主题进行深入的探讨。 首先,CSS(层叠样式表)是用于描述HTML或XML(包括如SVG...
而设置图层样式的两种方法是:通过设置SuperMap.Feature.Vector的样式Style属性获得样式,或者直接设置图层对象的style对象。例如,创建一个带有样式的矢量图层实例,可以直接在图层创建时指定style属性: ```...
在JavaScript中,可以直接操作DOM(文档对象模型)来改变这些CSS属性。例如,要改变一个元素的背景色,可以使用: ```javascript document.getElementById('elementId').style.backgroundColor = 'newColor'; ``` 或...
在这个特定的场景中,我们讨论的是一个C#客户端程序,它结合了JavaScript和CSS(Style)的概念,用于创建一个颜色计算器。这涉及到将Web技术应用于桌面应用,为用户提供更丰富的交互体验。 首先,让我们深入理解C#...
下面是一个简单的JavaScript示例代码,展示如何使用正则表达式匹配`<div>`和`<style>`标签: ```javascript // 示例字符串,包含div和style标签 var htmlString = '<div>这是一个div标签的内容。<style>这是style...
JavaScript对象是编程语言的核心组成部分,尤其在Web开发中扮演着至关重要的角色。对象可以视为一组相关的数据和功能的集合,通过键值对的形式存储数据,而这些数据可以通过对象的方法进行操作。JavaScript对象参考...
在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并且提供了访问和操作文档中的元素和内容的方法。通过`document`对象,开发者可以实现对页面元素的动态控制,如创建、删除、...
- DOM(文档对象模型)是 HTML 和 XML 文档的结构化表示,JavaScript 可以通过它来访问和修改页面上的元素。 - `getElementById`, `getElementsByClassName`, `getElementsByTagName` 等方法用于选取页面上的特定...
本文将深入探讨JavaScript的基础语法以及DOM对象模型。 一、JavaScript基础语法 1. 变量:在JavaScript中,我们使用`var`、`let`或`const`来声明变量。`var`在全局或函数作用域内有效,而`let`和`const`则在块级...
JavaScript是Web开发中不可或缺的一部分,尤其在操作网页的动态效果和交互方面,它与HTML文档对象模型(DOM)紧密相连。DOM是HTML和XML文档的一种结构化表示,它允许我们通过编程方式访问和修改文档内容。本教程将...
以上内容仅依据文档的【部分内容】提供了一个简要的知识点概述,实际上Airbnb的JavaScript Style Guide详细覆盖了代码风格的各个方面,包括但不限于代码组织、注释、空格、逗号、分号、访问器、构造函数、事件处理、...
本教程主要聚焦于JavaScript的面向对象编程(OOP)概念,这是理解和掌握高级JavaScript编程的关键。面向对象编程允许我们组织代码,使其更易于维护和复用。 1. **JavaScript语言概述**(第1章) - JavaScript的...
8.2.1 Style对象 193 8.2.2 使用CSS属性 194 8.2.3 自定义鼠标提示 196 8.2.4 可折叠区域 199 8.3 StyleSheet对象 200 8.3.1 StyleSheet对象的属性 200 8.3.2 StyleSheet对象的方法 202 8.4 修改内容 203 8.5 实例...
在JavaScript中,Blob对象是用来表示不可变的原始数据,它不是JavaScript的内置数据类型,而是用来存储二进制数据的一种方式。Blob对象是File对象的基础,File对象在Blob的基础上增加了与用户系统文件交互的能力。本...
JavaScript,作为全球最广泛使用的编程语言之一,是创建交互式网页和动态应用的关键技术。它是一种轻量级的脚本语言,主要运行在浏览器环境中,但也适用于服务器端(如Node.js)和其他平台。"JavaScript经典实例"这...
在JavaScript编程中,"JAVASCRIPT对象滚动随机抽奖"是一种常见的交互式功能,用于创建类似商场或活动中吸引用户注意力的抽奖程序。这种程序通常包括一个动态滚动的名单或者数字,最终停止在某个幸运者上,模拟真实...
7. 样式和布局:代码使用了 CSS 样式和布局,例如 `style` 属性和 `left`、`top` 属性,用于控制游戏对象的显示和布局。 8. 游戏事件:代码实现了游戏事件,例如敌方对象的移动和检测我自己对象的附近。 9. 游戏...