原生JavaScript HTML DOM Style 对象参考

寻技术 Html/CSS / JS脚本 2023年08月03日 120

Style 对象属性

可以在Style对象上使用以下属性:
“CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3)。
属性 描述 CSS
alignContent 当项目不使用所有可用空间时,设置或返回灵活容器内线之间的对齐方式
alignItems 设置或返回灵活容器内项目的对齐方式
alignSelf 设置或返回灵活容器内所选项目的对齐方式
animation 下面所有动画属性的简写属性,dynamicPlayState属性除外
animationDelay 动画开始时设置或返回
animationDirection 设置或返回动画是否应在交替循环中反向播放
animationDuration 设置或返回动画完成一个循环所需的秒数或毫秒数
animationFillMode 设置或返回动画在执行时间之外应用的值
animationIterationCount 设置或返回动画应播放的次数
animationName 设置或返回@keyframes动画的名称
animationTimingFunction 设置或返回动画的速度曲线
animationPlayState 设置或返回动画是否正在运行或暂停
background 在一个声明中设置或返回所有背景属性
backgroundAttachment 设置或返回背景图像是固定的还是与页面一起滚动
backgroundColor 设置或返回元素的背景颜色
backgroundImage 设置或返回元素的背景图像
backgroundPosition 设置或返回背景图像的起始位置
backgroundRepeat 设置或返回如何重复(平铺)背景图像
backgroundClip 设置或返回背景的绘画区域
backgroundOrigin 设置或返回背景图像的定位区域
backgroundSize 设置或返回背景图像的大小
backfaceVisibility 设置或返回元素在不面向屏幕时是否应该可见
border 在一个声明中设置或返回borderWidth,borderStyle和borderColor
borderBottom 在一个声明中设置或返回所有borderBottom属性
borderBottomColor 设置或返回底部边框1的颜色
borderBottomLeftRadius 设置或返回左下角边框的形状
borderBottomRightRadius 设置或返回右下角边框的形状
borderBottomStyle 设置或返回底部边框的样式
borderBottomWidth 设置或返回底部边框的宽度
borderCollapse 设置或返回表边框是否应折叠为单个边框
borderColor 设置或返回元素边框的颜色(最多可包含四个值)
borderImage 用于设置或返回所有borderImage属性的简写属性
borderImageOutset 设置或返回边框图像区域延伸到边框之外的量
borderImageRepeat 设置或返回是否应重复,舍入或拉伸图像边框
borderImageSlice 设置或返回图像边框的向内偏移
borderImageSource 设置或返回要用作边框的图像
borderImageWidth 设置或返回图像边框的宽度
borderLeft 在一个声明中设置或返回所有borderLeft属性
borderLeftColor 设置或返回左边框的颜色
borderLeftStyle 设置或返回左边框的样式
borderLeftWidth 设置或返回左边框的宽度
borderRadius 用于设置或返回所有四个borderRadius属性的简写属性
borderRight 在一个声明中设置或返回所有borderRight属性
borderRightColor 设置或返回右边框的颜色
borderRightStyle 设置或返回右边框的样式
borderRightWidth 设置或返回右边框的宽度
borderSpacing 设置或返回表格中单元格之间的空间
borderStyle 设置或返回元素边框的样式(最多可包含四个值)
borderTop 在一个声明中设置或返回所有borderTop属性
borderTopColor 设置或返回顶部边框的颜色
borderTopLeftRadius 设置或返回左上角边框的形状
borderTopRightRadius 设置或返回右上角边框的形状
borderTopStyle 设置或返回顶部边框的样式
borderTopWidth 设置或返回顶部边框的宽度
borderWidth 设置或返回元素边框的宽度(最多可包含四个值)
bottom 设置或返回定位元素的底部位置
boxDecorationBreak 在换行符时设置或返回元素的背景和边框的行为,或者对于换行符,设置或返回行内元素的行为。
boxShadow 将一个或多个阴影附加到框中
boxSizing 允许您以某种方式定义某些元素以适合某个区域
captionSide 设置或返回表格标题的位置
clear 设置或返回元素相对于浮动对象的位置
clip 设置或返回定位元素的哪个部分可见
color 设置或返回文本的颜色
columnCount 设置或返回元素应分成的列数
columnFill 设置或返回填充列的方式
columnGap 设置或返回列之间的间隙
columnRule 用于设置或返回所有columnRule属性的简写属性
columnRuleColor 设置或返回列之间规则的颜色
columnRuleStyle 在列之间设置或返回规则的样式
columnRuleWidth 设置或返回列之间规则的宽度
columns 用于设置或返回columnWidth和columnCount的简写属性
columnSpan 设置或返回元素应跨越的列数
columnWidth 设置或返回列的宽度
content 与:before和:after伪元素一起使用,以插入生成的内容
counterIncrement 增加一个或多个计数器
counterReset 创建或重置一个或多个计数器
cursor 设置或返回要为鼠标指针显示的光标类型
direction 设置或返回文本方向
display 设置或返回元素的显示类型
emptyCells 设置或返回是否显示空单元格的边框和背景
filter 设置或返回图像滤镜(视觉效果,如模糊和饱和度)
flex 设置或返回项目的长度,相对于其余项目
flexBasis 设置或返回灵活项目的初始长度
flexDirection 设置或返回灵活项目的方向
flexFlow flexDirection和flexWrap属性的简写属性
flexGrow 设置或返回项目相对于其余项目的增长量
flexShrink 设置或返回项目相对于其余项目缩小的方式
flexWrap 设置或返回灵活项目是否应该换行
cssFloat 设置或返回元素的水平对齐方式
font 在一个声明中设置或返回fontStyle,fontVariant,fontWeight,fontSize,lineHeight和fontFamily
fontFamily 设置或返回文本的字体系列
fontSize 设置或返回文本的字体大小
fontStyle 设置或返回字体样式是正常,斜体还是倾斜
fontVariant 设置或返回字体是否应以小写字母显示
fontWeight 设置或返回字体的粗体
fontSizeAdjust 发生字体回退时保留文本的可读性
fontStretch 从字体系列中选择正常,压缩或扩展的面
hangingPunctuation 指定标点符号是否可以放在行框外
height 设置或返回元素的高度
hyphens 设置如何拆分单词以改进段落的布局
icon 为作者提供使用标志性对等元素设置元素样式的能力
imageOrientation 指定用户代理应用于图像的右或顺时针方向的旋转
isolation 定义元素是否必须创建新的堆叠内容
justifyContent 当项目不使用所有可用空间时,设置或返回灵活容器内项目之间的对齐方式。
left 设置或返回定位元素的左侧位置
letterSpacing 设置或返回文本中字符之间的空格
lineHeight 设置或返回文本中行之间的距离
listStyle 在一个声明中设置或返回listStyleImage,listStylePosition和listStyleType
listStyleImage 设置或返回图像作为列表项标记
listStylePosition 设置或返回列表项标记的位置
listStyleType 设置或返回列表项标记类型
margin 设置或返回元素的边距(最多可包含四个值)
marginBottom 设置或返回元素的下边距
marginLeft 设置或返回元素的左边距
marginRight 设置或返回元素的右边距
marginTop 设置或返回元素的上边距
maxHeight 设置或返回元素的最大高度
maxWidth 设置或返回元素的最大宽度
minHeight 设置或返回元素的最小高度
minWidth 设置或返回元素的最小宽度
navDown 使用向下箭头导航键设置或返回导航的位置
navIndex 设置或返回元素的Tab键顺序
navLeft 使用向左箭头导航键设置或返回导航的位置
navRight 使用向右箭头导航键设置或返回导航位置
navUp 使用向上箭头导航键设置或返回导航的位置
objectFit 指定如何将替换元素的内容拟合到由其使用的高度和宽度建立的框中
objectPosition 指定替换元素在其框内的对齐方式
opacity 设置或返回元素的不透明度级别
order 设置或返回灵活项目相对于其余项目的顺序
orphans 设置或返回元素内发生分页时必须留在页面底部的元素的最小行数
outline 在一个声明中设置或返回所有大纲属性
outlineColor 设置或返回元素周围轮廓的颜色
outlineOffset 偏移轮廓,并将其绘制到边框边缘之外
outlineStyle 设置或返回元素周围的轮廓样式
outlineWidth 设置或返回元素周围轮廓的宽度
overflow 设置或返回如何处理在元素框外部呈现的内容
overflowX 指定如果内容的左/右边缘溢出元素的内容区域,该如何处理内容的左/右边缘
overflowY 指定如果内容的上/下边缘溢出元素的内容区域,该如何处理内容的上/下边缘
padding 设置或返回元素的填充(最多可以包含四个值)
paddingBottom 设置或返回元素的底部填充
paddingLeft 设置或返回元素的左边距
paddingRight 设置或返回元素的右边距
paddingTop 设置或返回元素的顶部填充
pageBreakAfter 设置或返回元素后的分页行为
pageBreakBefore 在元素之前设置或返回分页符行为
pageBreakInside 设置或返回元素内的分页符行为
perspective 设置或返回有关如何查看3D元素的透视图
perspectiveOrigin 设置或返回3D元素的底部位置
position 设置或返回用于元素的定位方法的类型(静态,相对,绝对或固定)
quotes 设置或返回嵌入式引用的引号类型
resize 设置或返回用户是否可以调整元素的大小
right 设置或返回定位元素的正确位置
tableLayout 设置或返回布置表格单元格,行和列的方式
tabSize 设置或返回制表符的长度
textAlign 设置或返回文本的水平对齐方式
textAlignLast 当text-align为“justify”时,设置或返回块的最后一行或强制换行符之前的行的对齐方式
textDecoration 设置或返回文本的装饰
textDecorationColor 设置或返回文本修饰的颜色
textDecorationLine 设置或返回文本修饰中的行类型
textDecorationStyle 设置或返回文本修饰中的线条样式
textIndent 设置或返回第一行文本的缩进
textJustify 设置或返回text-align为“justify”时使用的对齐方法
textOverflow 设置或返回文本溢出包含元素时应发生的情况
textShadow 设置或返回文本的阴影效果
textTransform 设置或返回文本的大小写
top 设置或返回定位元素的顶部位置
transform 对元素应用2D或3D变换
transformOrigin 设置或返回已转换元素的位置
transformStyle 设置或返回嵌套元素在3D空间中的呈现方式
transition 用于设置或返回四个过渡属性的简写属性
transitionProperty 设置或返回转换效果的CSS属性
transitionDuration 设置或返回转换效果完成所需的秒数或毫秒数
transitionTimingFunction 设置或返回过渡效果的速度曲线
transitionDelay 设置或返回转换效果开始时
unicodeBidi 设置或返回是否应覆盖文本以支持同一文档中的多种语言
userSelect 设置或返回是否可以选择元素的文本
verticalAlign 设置或返回元素中内容的垂直对齐方式
visibility 设置或返回元素是否应该可见
whiteSpace 设置或返回如何处理文本中的制表符,换行符和空格
width 设置或返回元素的宽度
wordBreak 设置或返回非CJK脚本的换行规则
wordSpacing 设置或返回文本中单词之间的间距
wordWrap 允许打破长而牢不可破的单词并将其换行到下一行
widows 设置或返回必须在页面顶部可见的元素的最小行数
zIndex 设置或返回定位元素的堆栈顺序
关闭

用微信“扫一扫”