HTML DOM Style 对象

Style对象表示单个样式声明。

可以从文档或从应用该样式的元素访问Style对象。

样式对象属性

下表列出了Style对象的属性。

“ CSS”列指示该属性在哪个CSS版本中定义(CSS1,CSS2或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设置或返回如何重复(平铺)背景图像1
backgroundClip设置或返回背景的绘画区域3
backgroundOrigin设置或返回背景图像的定位区域3
backgroundSize设置或返回背景图像的大小3
backfaceVisibility设置或返回当不面对屏幕时元素是否应该可见3
border在一个声明中设置或返回borderWidth,borderStyle和borderColor1
borderBottom在一个声明中设置或返回所有borderBottom属性1
borderBottomColor设置或返回底部边框的颜色1
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用于设置或返回所有四个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设置或返回图像滤镜(视觉效果,如模糊和饱和度)3
flex设置或返回项目相对于其余部分的长度3
flexBasis设置或返回弹性物料的初始长度3
flexDirection设置或返回弹性项目的方向3
flexFlowflexDirection和flexWrap属性的简写属性3
flexGrow设置或返回项目相对于其余项目的增长量3
flexShrink设置或返回项目相对于其余项目的收缩方式3
flexWrap设置或返回弹性项目是否应该包装3
cssFloat设置或返回元素的水平对齐方式1
font在一个声明中设置或返回fontStyle,fontVariant,fontWeight,fontSize,lineHeight和fontFamily1
fontFamily设置或返回文本的字体系列1
fontSize设置或返回文本的字体大小1
fontStyle设置或返回字体的样式是普通,斜体还是斜体1
fontVariant设置或返回是否以小写大写字母显示字体1
fontWeight设置或返回字体的粗体1
fontSizeAdjust发生字体回退时保留文本的可读性3
fontStretch从字体系列中选择一个普通的,压缩的或扩展的字体3
hangingPunctuation指定是否可以在行框外放置标点符号3
height设置或返回元素的高度1
hyphens设置如何拆分单词以改善段落的布局3
icon使作者能够使用标志性的等效样式设置元素的样式3
imageOrientation指定用户代理应用于图像的向右或顺时针方向的旋转3
isolation定义元素是否必须创建新的堆叠内容3
justifyContent当项目未使用所有可用空间时,设置或返回项目在弹性容器内的对齐方式。3
left设置或返回定位元素的左侧位置2
letterSpacing设置或返回文本中字符之间的空格1
lineHeight设置或返回文本中行之间的距离1
listStyle在一个声明中设置或返回listStyleImage,listStylePosition和listStyleType1
listStyleImage设置或返回图像作为列表项标记1
listStylePosition设置或返回列表项标记的位置1
listStyleType设置或返回列表项标记类型1
margin设置或返回元素的边距(最多可以有四个值)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
objectFit指定替换元素的内容应如何适合其使用的高度和宽度建立的框3
objectPosition指定替换元素在其框内的对齐方式3
opacity设置或返回元素的不透明度级别3
order设置或返回弹性项目相对于其余项目的顺序3
orphans设置或返回元素内发生分页符时必须保留在页面底部的元素的最小行数2
outline在一个声明中设置或返回所有轮廓属性2
outlineColor设置或返回元素周围轮廓的颜色2
outlineOffset偏移轮廓,并将其绘制到边框边缘之外3
outlineStyle设置或返回元素周围轮廓的样式2
outlineWidth设置或返回元素周围轮廓的宽度2
overflow设置或返回在元素框外呈现的内容的处理方式2
overflowX指定在内容的左/右边缘溢出元素的内容区域时该如何处理3
overflowY指定在内容的顶部/底部边缘溢出元素的内容区域时该如何处理3
padding设置或返回元素的填充(最多可以包含四个值)1
paddingBottom设置或返回元素的底部填充1
paddingLeft设置或返回元素的左填充1
paddingRight设置或返回元素的右填充1
paddingTop设置或返回元素的顶部填充1
pageBreakAfter设置或返回元素后的分页符行为2
pageBreakBefore设置或返回元素前的分页符行为2
pageBreakInside设置或返回元素内的分页符行为2
perspective设置或返回有关如何查看3D元素的透视图3
perspectiveOrigin设置或返回3D元素的底部位置3
position设置或返回用于元素的定位方法的类型(静态,相对,绝对或固定)2
quotes设置或返回嵌入引号的引号类型2
resize设置或返回元素是否可由用户调整大小3
right设置或返回定位元素的正确位置2
tableLayout设置或返回布置表格单元格,行和列的方式2
tabSize设置或返回制表符的长度3
textAlign设置或返回文本的水平对齐方式1
textAlignLast设置或返回文本对齐方式为“ justify”时,块或最后一行在强制换行之前的对齐方式3
textDecoration设置或返回文本的修饰1
textDecorationColor设置或返回文本装饰的颜色3
textDecorationLine设置或返回文本装饰中的行类型3
textDecorationStyle设置或返回文本修饰中线条的样式3
textIndent设置或返回文本第一行的缩进1
textJustify设置或返回当文本对齐为“ 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
userSelect设置或返回是否可以选择元素的文本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属性