Style常用属性
常用属性
属性名
描述
Color
设置元素的前景(字体颜)
Width
设置元素宽度
Height
设置元素高度
line-height
设置行间距
vertical-align
设置内容的垂直对齐方式
边框属性
属性名
描述
Border
设置元素边框风格
Border-style
设置元素边框风格
Border-width
设置元素边框宽度
Border-color
设置元素边框颜
Border-bottom
设置元素下边框风格
Border-bottom-style
设置元素下边框风格
Border-bottom-width
设置元素下边框宽度
Border-bottom-color
设置元素下边框颜
Border-collapse
设置元素边框是否合并
Border-spacing
设置元素边框之间的距离
border-radius
设置元素的圆角边框效果
注:同时存在border-left、border-top及border-right属性名,因作用相似不在重复
背景属性
属性名
描述
Background
设置元素背景风格
Background-color
设置元素背景颜
Background-image
设置元素背景图片
Background-repeat
设置元素背景平铺效果
Background-attachment
设置元素背景滚动效果
Background-position
设置元素背景图片位置
文本属性
属性名
描述
text-decoration
设置文本内容的修饰
text-align
设置文本内容的对齐方式
text-indent
设置文本的缩进
text-shadow
设置文本的投影及模糊效果
text-transform
设置文本的首字符大写
字体属性
属性名
描述
font-family
设置字体名称
font-size
设置字体的大小
font-style
设置字体的风格,如:斜体
font-weight
设置字体的粗细程度
font-variant
设置字体为小型大写字体
font-stretch
设置字体的拉伸及变形
列表属性
属性名
描述
list-style-type
设置列表风格类型
list-style-image
设置列表风格图片
list-style-position
设置列表图片位置
填充效果
属性名
描述
padding
设置元素的内填充距离
padding-left
设置元素的左内填充距离
Padding-top
设置元素的上内填充距离
Padding-right
设置元素的右内填充距离
Padding-bottom
设置元素的下内填充距离
Margin
设置元素的外填充距离
Margin-left
设置元素的左外填充距离
Margin-top
设置元素的上外填充距离
Margin-right
设置元素的右外填充距离
Margin-bottom
设置元素的下外填充距离
其他属性
属性名
描述
Position
设置元素位置(定位)
Left
设置元素的x轴坐标
Top
设置元素的y轴坐标
Right
设置元素右侧的x轴坐标
Bottom
设置元素底边y轴坐标
Z-index
设置元素的层叠位置
Float
设置元素的浮动效果
Clear
清除元素的浮动效果
Overflow
设置元素的溢出效果
Display
设置元素的显示方式
伪类
属性名
描述
:Link
未访问的元素样式
:hover
鼠标悬浮时元素样式
textstyle:visited
访问后的元素样式
:active
正在被访问元素的样式

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。