Style对象
Style对象代表一个单独的样式声明。
访问Style对象
Style对象可以访问从文档的头部部分中,或者从特定的HTML element(s) 。
访问样式object(s)从文件头部分:
访问指定的元素的样式对象:
创建一个样式对象
您可以创建一个<style>使用元素document. createElement() document. createElement()方法:
您还可以设置一个现有元素的样式属性:
风格对象属性
的"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 | 设置或返回底部边框的颜色。 | 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 | 速记属性设置或返回所有四个边框*半径特性 | 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属性