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和borderColor | 1 |
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 |
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 | 使作者能够使用标志性的等效样式设置元素的样式 | 3 |
imageOrientation | 指定用户代理应用于图像的向右或顺时针方向的旋转 | 3 |
isolation | 定义元素是否必须创建新的堆叠内容 | 3 |
justifyContent | 当项目未使用所有可用空间时,设置或返回项目在弹性容器内的对齐方式。 | 3 |
left | 设置或返回定位元素的左侧位置 | 2 |
letterSpacing | 设置或返回文本中字符之间的空格 | 1 |
lineHeight | 设置或返回文本中行之间的距离 | 1 |
listStyle | 在一个声明中设置或返回listStyleImage,listStylePosition和listStyleType | 1 |
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属性