最新的Web开发教程
 

HTML DOM Style对象


Style对象

Style对象代表一个单独的样式声明。

访问Style对象

Style对象可以访问从文档的头部部分中,或者从特定的HTML element(s)

访问样式object(s)从文件头部分:

var x = document.getElementsByTagName("STYLE");
试一试»

访问指定的元素的样式对象:

var x = document.getElementById("myH1").style;
试一试»

创建一个样式对象

您可以创建一个<style>使用元素document. createElement() document. createElement()方法:

var x = document.createElement("STYLE");
试一试»

您还可以设置一个现有元素的样式属性:

document.getElementById("myH1").style.color = "red";
试一试»

风格对象属性

"CSS"列表示在这种CSS版本的属性被定义(CSS1, CSS2, or CSS3)

属性 描述 CSS
alignContent 设置或返回一个灵活的容器内的线之间的比对时,项目不使用所有可用空间 3
alignItems 设置或返回一个灵活的容器内的物品的排列 3
alignSelf 设置或返回的柔性容器内选择的项目的对准 3
animation 速记属性以下所有动画属性,除了animationPlayState财产 3
animationDelay 设置或返回时,动画将开始 3
animationDirection 设置或返回动画是否应在交替周期反向播放 3
animationDuration 设置或返回多少秒或毫秒的动画需要如何完成一个周期 3
animationFillMode 由动画正在执行的时间之外应用什么值设置或返回 3
animationIterationCount 设置或返回动画应该播放的次数 3
animationName 设置或返回@keyframes动画名 3
animationTimingFunction 设置或返回动画的速度曲线 3
animationPlayState 设置或返回动画是否正在运行或暂停 3
background 设置或在一个声明中返回所有的背景属性 1
backgroundAttachment 设置或返回背景图像是否固定或随页面滚动 1
backgroundColor 设置或返回一个元素的背景色 1
backgroundImage 设置或返回背景图像一个元素 1
backgroundPosition 设置或返回背景图像的开始位置 1
backgroundRepeat 设置或返回如何重复(tile)背景图像 1
backgroundClip 设置或返回背景的绘画面积 3
backgroundOrigin 设置或返回背景图像的定位区域 3
backgroundSize 设置或获取对象的背景图像的大小 3
backfaceVisibility 设置或返回时,不要对着屏幕的元素是否应该可见 3
border 设置或返回边框宽度,将borderStyle和BORDERCOLOR在一个声明中 1
borderBottom 在一个声明中设置或返回所有borderBottom *属性 1
borderBottomColor 设置或返回底部边框的颜色。
borderBottomLeftRadius 设置或返回左下角边框的形状 3
borderBottomRightRadius 设置或返回右下角的边框的形状 3
borderBottomStyle 设置或返回底部边框的样式。 1
borderBottomWidth 设置或返回底部边框的宽度 1
borderCollapse 设置或返回是否表格边框应该合并为一个边界,或不 2
borderColor 设置或返回元素边框的颜色(最多可以有四个值) 1
borderImage 速记属性设置或返回所有borderImage *属性 3
borderImageOutset 设置或返回由边框图像区域超出边框箱量 3
borderImageRepeat 设置或返回图像边框是否应该被重复,圆形或拉长 3
borderImageSlice 设置或返回图像边界向内偏移 3
borderImageSource 设置或返回图像用作边界 3
borderImageWidth 设置或返回图像边框的宽度 3
borderLeft 设置或在一个声明中返回所有borderLeft *属性 1
borderLeftColor 设置或返回左边框的颜色 1
borderLeftStyle 设置或返回左边框的样式。 1
borderLeftWidth 设置或返回左边框的宽度 1
borderRadius 速记属性设置或返回所有四个边框*半径特性 3
borderRight 在一个声明中设置或返回所有borderRight *属性 1
borderRightColor 设置或返回右边框的颜色 1
borderRightStyle 设置或返回右边框的样式 1
borderRightWidth 设置或返回右边框的宽度 1
borderSpacing 设置或表返回细胞之间的空间 2
borderStyle 设置或返回元素边框的样式(最多可以有四个值) 1
borderTop 在一个声明中设置或返回所有borderTop *属性 1
borderTopColor 设置或返回顶部边框的颜色。 1
borderTopLeftRadius 设置或返回左上角边框的形状 3
borderTopRightRadius 设置或返回右上角的边界的形状 3
borderTopStyle 设置或返回顶部边框的样式。 1
borderTopWidth 设置或返回顶部边框的宽度 1
borderWidth 设置或返回元素边框的宽度(最多可以有四个值) 1
bottom 设置或返回定位元素的底部位置 2
boxDecorationBreak 设置或返回元素的背景和边框在分页符的行为,或者,对于在线元件,在断行。 3
boxShadow 附加一个或多个下拉阴影框 3
boxSizing 允许您定义某些元素以某种方式,以适应区域 3
captionSide 设置或返回表格标题的位置 2
clear 设置或返回元件相对于到漂浮物的位置 1
clip 设置或返回其中定位元件的一部分是可见的 2
color 设置或返回文本的颜色 1
columnCount 设置或返回元素应该分为列数 3
columnFill 设置或返回如何填充列 3
columnGap 设置或返回列之间的差距 3
columnRule 速记属性设置或返回所有columnRule *属性 3
columnRuleColor 设置或返回列之间的规则的颜色 3
columnRuleStyle 设置或返回列之间的规则的风格 3
columnRuleWidth 设置或返回列之间的规则的宽度 3
columns 速记属性设置或返回columnWidth时和信息columnCount 3
columnSpan 设置或返回元素应该有多少列跨跨度 3
columnWidth 设置或返回列的宽度 3
content 使用与:before和:after伪元素,插入生成的内容 2
counterIncrement 增加一个或多个计数器 2
counterReset 创建或重置一个或多个计数器 2
cursor 设置或返回光标的类型,以显示鼠标指针 2
direction 设置或返回文本的方向 2
display 设置或返回元素的显示类型 1
emptyCells 设置或返回是否显示空单元格边框和背景,或不 2
filter 设置或返回图像过滤器(visual effects, like blur and saturation) 3
flex 设置或返回的项目相对静止的长度, 3
flexBasis 设置或返回的柔性物品的初始长度 3
flexDirection 设置或返回的灵活的项目的方向 3
flexFlow 速记属性为flexDirection和flexWrap性质 3
flexGrow 设置或返回的项目多少相对于其他成长 3
flexShrink 设置或返回该项目将如何收缩相对于静止 3
flexWrap 设置或返回的灵活的项目是否应自动换行或不 3
cssFloat 设置或返回元素的水平对齐 1
font 设置或返回fontStyle,fontVariant,fontWeight设置,fontSize的,lineHeight是,并且fontFamily在一个声明中 1
fontFamily 设置或返回字体系列的文本 1
fontSize 设置或返回文本的字体大小 1
fontStyle 设置或返回字体的风格是否正常,斜体或斜 1
fontVariant 字体是否应显示在小型大写字母设置或返回 1
fontWeight 设置或返回字体的气魄 1
fontSizeAdjust 当字体回退时保持文本的可读性 3
fontStretch 从字体的家庭选择一个正常的,凝结,或扩展的脸 3
hangingPunctuation 指定一个标点符号是否可被放置的行外箱 3
height 设置或返回元件的高度 1
hyphens 设置如何分割单词以改善段落布局 3
icon 提供了作者与一个标志性等同于style元素的能力 3
imageOrientation 指定在向右或顺时针方向的旋转,用户代理适用于图像 3
justifyContent 设置或返回时,项目不使用所有可用的空间,灵活的容器内的项目之间的比对。 3
left 设置或返回定位元素的左侧位置 2
letterSpacing 设置或返回字符之间的空间在文本 1
lineHeight 设置或返回文本行之间的距离 1
listStyle 设置或返回listStyleImage,listStylePosition和listStyleType在一个声明中 1
listStyleImage 设置或返回图像为列表项标记 1
listStylePosition 设置或返回列表项标记的位置 1
listStyleType 设置或返回列表项标记类型 1
margin 设置或返回元件的边缘(can have up to four values) 1
marginBottom 设置或返回一个元素的下边距 1
marginLeft 设置或返回元素的左边距 1
marginRight 设置或返回元素的右边缘 1
marginTop 设置或返回一个元件的顶缘 1
maxHeight 设置或返回元素的最大高度 2
maxWidth 设置或返回元素的最大宽度 2
minHeight 设置或返回元素的最小高度 2
minWidth 设置或返回元素的最小宽度 2
navDown 设置或返回在何处使用箭头向下导航键时导航 3
navIndex 设置或返回跳位顺序的元素 3
navLeft 设置或返回在何处使用左箭头导航键导航时 3
navRight 设置或返回在何处使用箭头,右导航键时导航 3
navUp 设置或返回在何处使用箭头向上导航键时导航 3
opacity 设置或获取对象的不透明度级别的元素 3
order 设置或返回的灵活的项目相对于其余部分的顺序, 3
orphans 设置或当一个页面的断裂元件内部发生返回该必须在页面的底部留下一个元素的最小行数 2
outline 设置或在一个声明中返回所有的轮廓属性 2
outlineColor 设置或返回轮廓的颜色围绕一个元素 2
outlineOffset 偏移轮廓,并提请其境外边缘 3
outlineStyle 设置或返回轮廓的风格元素周围 2
outlineWidth 设置或返回轮廓的宽度围绕元件 2
overflow 设置或返回如何处理的内容呈现的元素外箱 2
overflowX 指定如何处理内容的左/右边缘,如果它溢出的元素内容区 3
overflowY 指定如何处理内容的顶部/底部边缘,如果它溢出的元素内容区 3
padding 设置或返回元件的填充(can have up to four values) 1
paddingBottom 设置或返回元件的底部填充 1
paddingLeft 设置或返回元件的左填充 1
paddingRight 设置或返回元素的右填充 1
paddingTop 设置或返回元素的顶部填充 1
pageBreakAfter 设置或元素之后返回分页行为 2
pageBreakBefore 设置或元素之前返回分页行为 2
pageBreakInside 设置或返回元素内分页行为 2
perspective 设置或返回上被视为如何3D元素的视角 3
perspectiveOrigin 设置或返回3D元素的底部位置 3
position 设置或返回用于一个元件定位方法的类型(static, relative, absolute or fixed) 2
quotes 设置或返回引号的嵌入式报价类型 2
resize 设置或返回的元素是否是由用户调整大小 3
right 设置或返回定位元素的正确的位置 2
tableLayout 设置或返回奠定了表格单元格,行和列的方式 2
tabSize 设置或返回制表字符的长度 3
textAlign 设置或返回文本的水平对齐方式 1
textAlignLast 设置或返回时如何的text-align是块或强制断行前行权的最后一行对齐"justify" 3
textDecoration 设置或返回文本的装饰 1
textDecorationColor 设置或返回文本装饰的颜色 3
textDecorationLine 设置或返回行的类型在文本装饰 3
textDecorationStyle 设置或返回线条的样式文本装饰 3
textIndent 设置或返回文本的第一行的缩进 1
textJustify 设置或返回使用的正当理由方法时的text-align是"justify" 3
textOverflow 当文本溢出包含的元素设置或返回时发生什么 3
textShadow 设置或返回文本的阴影效果 3
textTransform 设置或返回文本的大小写 1
top 设置或返回定位元素的顶部位置 2
transform 适用的2D或3D变换到元件 3
transformOrigin 设置或返回变换元件的位置 3
transformStyle 设置或返回如何嵌套的元素呈现在3D空间 3
transition 速记属性设置或返回四个转变性质 3
transitionProperty 设置或返回CSS属性的过渡效果是 3
transitionDuration 设置或返回过渡效果多少秒或毫秒需要完成 3
transitionTimingFunction 设置或返回的过渡效果的速度曲线 3
transitionDelay 设置或返回时,过渡效果将开始 3
unicodeBidi 设置或返回文本是否应被重写,支持多国语言在同一个文档中 2
verticalAlign 设置或返回中的一个元素的内容的垂直取向 1
visibility 设置或返回元素是否应该可见 2
whiteSpace 设置或返回如何处理制表符,换行符和空白文本 1
width 设置或返回元件的宽度 1
wordBreak 设置或返回行非CJK脚本打破规则 3
wordSpacing 设置或返回字间距文本 1
wordWrap 允许长,不易破损的话被打破,并换到下一行 3
widows 设置或返回的最小行数必须在页面的顶部是可见的元素 2
zIndex 设置或返回定位元素的堆叠顺序 2

相关页面

HTML教程: HTML CSS

CSS教程: CSS教程

HTML参考: HTML <style>标签

CSS参考: CSS属性