原生JavaScript HTML DOM Style 对象参考

style 对象属性

可以在style对象上使用以下属性：

“css”列指示定义属性的css版本（css1，css2或css3）。

属性	描述	css
aligncontent	当项目不使用所有可用空间时，设置或返回灵活容器内线之间的对齐方式	3
alignitems	设置或返回灵活容器内项目的对齐方式	3
alignself	设置或返回灵活容器内所选项目的对齐方式	3
	下面所有动画属性的简写属性，dynamicplaystate属性除外	3
animationdelay	动画开始时设置或返回	3
animationdirection	设置或返回动画是否应在交替循环中反向播放	3
animationduration	设置或返回动画完成一个循环所需的秒数或毫秒数	3
animationfillmode	设置或返回动画在执行时间之外应用的值	3
animationiterationcount	设置或返回动画应播放的次数	3
animationname	设置或返回@keyframes动画的名称	3
animationtimingfunction	设置或返回动画的速度曲线	3
animationplaystate	设置或返回动画是否正在运行或暂停	3
	在一个声明中设置或返回所有背景属性	1
backgroundattachment	设置或返回背景图像是固定的还是与页面一起滚动	1
backgroundcolor	设置或返回元素的背景颜色	1
backgroundimage	设置或返回元素的背景图像	1
backgroundposition	设置或返回背景图像的起始位置	1
backgroundrepeat	设置或返回如何重复（平铺）背景图像	1
backgroundclip	设置或返回背景的绘画区域	3
backgroundorigin	设置或返回背景图像的定位区域	3
backgroundsize	设置或返回背景图像的大小	3
backfacevisibility	设置或返回元素在不面向屏幕时是否应该可见	3
	在一个声明中设置或返回borderwidth，borderstyle和bordercolor	1
borderbottom	在一个声明中设置或返回所有borderbottom属性	1
borderbottomcolor	设置或返回底部边框1的颜色	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
	设置或返回定位元素的底部位置	2
boxdecorationbreak	在换行符时设置或返回元素的背景和边框的行为，或者对于换行符，设置或返回行内元素的行为。	3
boxshadow	将一个或多个阴影附加到框中	3
boxsizing	允许您以某种方式定义某些元素以适合某个区域	3
captionside	设置或返回表格标题的位置	2
	设置或返回元素相对于浮动对象的位置	1
	设置或返回定位元素的哪个部分可见	2
	设置或返回文本的颜色	1
columncount	设置或返回元素应分成的列数	3
columnfill	设置或返回填充列的方式	3
columngap	设置或返回列之间的间隙	3
columnrule	用于设置或返回所有columnrule属性的简写属性	3
columnrulecolor	设置或返回列之间规则的颜色	3
columnrulestyle	在列之间设置或返回规则的样式	3
columnrulewidth	设置或返回列之间规则的宽度	3
	用于设置或返回columnwidth和columncount的简写属性	3
columnspan	设置或返回元素应跨越的列数	3
columnwidth	设置或返回列的宽度	3
content	与：before和：after伪元素一起使用，以插入生成的内容	2
counterincrement	增加一个或多个计数器	2
counterreset	创建或重置一个或多个计数器	2
	设置或返回要为鼠标指针显示的光标类型	2
	设置或返回文本方向	2
	设置或返回元素的显示类型	1
emptycells	设置或返回是否显示空单元格的边框和背景	2
	设置或返回图像滤镜（视觉效果，如模糊和饱和度）	3
	设置或返回项目的长度，相对于其余项目	3
flexbasis	设置或返回灵活项目的初始长度	3
flexdirection	设置或返回灵活项目的方向	3
flexflow	flexdirection和flexwrap属性的简写属性	3
flexgrow	设置或返回项目相对于其余项目的增长量	3
flexshrink	设置或返回项目相对于其余项目缩小的方式	3
flexwrap	设置或返回灵活项目是否应该换行	3
cssfloat	设置或返回元素的水平对齐方式	1
	在一个声明中设置或返回fontstyle，fontvariant，fontweight，fontsize，lineheight和fontfamily	1
fontfamily	设置或返回文本的字体系列	1
fontsize	设置或返回文本的字体大小	1
fontstyle	设置或返回字体样式是正常，斜体还是倾斜	1
fontvariant	设置或返回字体是否应以小写字母显示	1
fontweight	设置或返回字体的粗体	1
fontsizeadjust	发生字体回退时保留文本的可读性	3
fontstretch	从字体系列中选择正常，压缩或扩展的面	3
hangingpunctuation	指定标点符号是否可以放在行框外	3
	设置或返回元素的高度	1
hyphens	设置如何拆分单词以改进段落的布局	3
icon	为作者提供使用标志性对等元素设置元素样式的能力	3
imageorientation	指定用户代理应用于图像的右或顺时针方向的旋转	3
	定义元素是否必须创建新的堆叠内容	3
justifycontent	当项目不使用所有可用空间时，设置或返回灵活容器内项目之间的对齐方式。	3
	设置或返回定位元素的左侧位置	2
letterspacing	设置或返回文本中字符之间的空格	1
lineheight	设置或返回文本中行之间的距离	1
liststyle	在一个声明中设置或返回liststyleimage，liststyleposition和liststyletype	1
liststyleimage	设置或返回图像作为列表项标记	1
liststyleposition	设置或返回列表项标记的位置	1
liststyletype	设置或返回列表项标记类型	1
	设置或返回元素的边距（最多可包含四个值）	1
marginbottom	设置或返回元素的下边距	1
marginleft	设置或返回元素的左边距	1
marginright	设置或返回元素的右边距	1
margintop	设置或返回元素的上边距	1
maxheight	设置或返回元素的最大高度	2
maxwidth	设置或返回元素的最大宽度	2
minheight	设置或返回元素的最小高度	2
minwidth	设置或返回元素的最小宽度	2
navdown	使用向下箭头导航键设置或返回导航的位置	3
navindex	设置或返回元素的tab键顺序	3
navleft	使用向左箭头导航键设置或返回导航的位置	3
navright	使用向右箭头导航键设置或返回导航位置	3
navup	使用向上箭头导航键设置或返回导航的位置	3
objectfit	指定如何将替换元素的内容拟合到由其使用的高度和宽度建立的框中	3
objectposition	指定替换元素在其框内的对齐方式	3
	设置或返回元素的不透明度级别	3
	设置或返回灵活项目相对于其余项目的顺序	3
	设置或返回元素内发生分页时必须留在页面底部的元素的最小行数	2
	在一个声明中设置或返回所有大纲属性	2
outlinecolor	设置或返回元素周围轮廓的颜色	2
outlineoffset	偏移轮廓，并将其绘制到边框边缘之外	3
outlinestyle	设置或返回元素周围的轮廓样式	2
outlinewidth	设置或返回元素周围轮廓的宽度	2
	设置或返回如何处理在元素框外部呈现的内容	2
overflowx	指定如果内容的左/右边缘溢出元素的内容区域，该如何处理内容的左/右边缘	3
overflowy	指定如果内容的上/下边缘溢出元素的内容区域，该如何处理内容的上/下边缘	3
	设置或返回元素的填充（最多可以包含四个值）	1
paddingbottom	设置或返回元素的底部填充	1
paddingleft	设置或返回元素的左边距	1
paddingright	设置或返回元素的右边距	1
paddingtop	设置或返回元素的顶部填充	1
pagebreakafter	设置或返回元素后的分页行为	2
pagebreakbefore	在元素之前设置或返回分页符行为	2
pagebreakinside	设置或返回元素内的分页符行为	2
	设置或返回有关如何查看3d元素的透视图	3
perspectiveorigin	设置或返回3d元素的底部位置	3
	设置或返回用于元素的定位方法的类型（静态，相对，绝对或固定）	2
	设置或返回嵌入式引用的引号类型	2
	设置或返回用户是否可以调整元素的大小	3
	设置或返回定位元素的正确位置	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
	设置或返回定位元素的顶部位置	2
	对元素应用2d或3d变换	3
transformorigin	设置或返回已转换元素的位置	3
transformstyle	设置或返回嵌套元素在3d空间中的呈现方式	3
	用于设置或返回四个过渡属性的简写属性	3
transitionproperty	设置或返回转换效果的css属性	3
transitionduration	设置或返回转换效果完成所需的秒数或毫秒数	3
transitiontimingfunction	设置或返回过渡效果的速度曲线	3
transitiondelay	设置或返回转换效果开始时	3
unicodebidi	设置或返回是否应覆盖文本以支持同一文档中的多种语言	2
userselect	设置或返回是否可以选择元素的文本	2
verticalalign	设置或返回元素中内容的垂直对齐方式	1
	设置或返回元素是否应该可见	2
whitespace	设置或返回如何处理文本中的制表符，换行符和空格	1
	设置或返回元素的宽度	1
wordbreak	设置或返回非cjk脚本的换行规则	3
wordspacing	设置或返回文本中单词之间的间距	1
wordwrap	允许打破长而牢不可破的单词并将其换行到下一行	3
	设置或返回必须在页面顶部可见的元素的最小行数	2
zindex	设置或返回定位元素的堆栈顺序	2