day20-22style对象的属性

Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象

style对象语法

document.getElementById("id").style.property="值"

style对象属性

• 背景
• 边框与边距
• 布局
• 列表
• 定位
• 打印
• 滚动条
• 表格
• 文本

背景属性

属性	描述
backgroundPositionX	设置backgroundPosition属性的X坐标
backgroundPositionY	设置backgroundPosition属性的Y坐标
backgroundAttachment	设置背景图像是否固定或随页面滚动

边框与边距属性

属性	描述
borderColor	设置所有四个边框的颜色
borderStyle	设置所有四个边框的样式
borderWidth	设设置所有四条边框的宽度
outline	outline 属性在一个声明中设置所有轮廓属性 一次为width style color
outlineWidth	设置围绕元素的轮廓的宽度
outlineStyle	设置围绕元素的轮廓的样式
outlineColor	设置围绕元素的轮廓的颜色

布局属性

属性	描述
clear	设置元素允许那边float
clip	clip 属性设置元素的形状Object.style.clip=rect(top,right,bottom,left)|auto
content	设置元信息
cssFloat	设置元素如何浮动
cursor	设置鼠标指针类型：cursor值
direction	设置元素文本方向ltr(left to right),rtl(right to left)

列表属性

属性	描述
listStyle	设置列表的所有属性 依次为 type position image
listStyleImage	把图像设置为列表项标记
listStylePosition	改变列表项标记的位置 inside outside（默认）
listStyleType	设置列表项标记的类型：type类型

定位

zIndex 属性设置元素的堆叠顺序。

打印属性

属性	描述
orphans	设置段落留到页面底部的最小行数
page	设置显示某元素时使用的页面类型
pageBreakAfter	设置某元素之后的分页行为
pageBreakBefore	设置某元素之前的分页行为
pageBreakInside	置某元素内部的分页行为
size	设置页面的方向和尺寸
windows	设置段落必须留到页面顶部的最小行数

滚动条（only IE）

滚动条相关

表格属性

属性	描述
borderCollapse	设置表格边框是否合并为单边框，或者像在标准的HTML中那样分离。
borderSpacing	设置分隔单元格边框的距离
captionSide	设置表格标题的位置
emtyCells	设置是否显示表格中的空单元格
tableLayout	设置用来显示表格单元格、行以及列的算法

文本

文本相关属性