CSS样式所有属性.docx

CSS样式所有属性.docx

《CSS样式所有属性.docx》由会员分享，可在线阅读，更多相关《CSS样式所有属性.docx（13页珍藏版）》请在冰豆网上搜索。

CSS样式所有属性

CSS样式所有属性

background 

         在一个声明中设置所有的背景属性。

background-attachment   设置背景图像是否固定或者随着页面的其余部分滚动。

background-color   设置元素的背景颜色。

background-image   设置元素的背景图像。

background-position   设置背景图像的开始位置。

background-repeat   设置是否及如何重复背景图像。

CSS字体属性（Font）

font          在一个声明中设置所有字体属性。

font-family   规定文本的字体系列。

font-size   规定文本的字体尺寸。

font-size-adjust为元素规定aspect值。

font-stretch   收缩或拉伸当前的字体系列。

font-style   规定文本的字体样式。

font-variant   规定文本的字体样式。

font-weight   规定字体的粗细。

CSS外边距属性（Margin）

margin          在一个声明中设置所有外边距属性。

margin-bottom   设置元素的下外边距。

margin-left   设置元素的左外边距。

margin-right   设置元素的右外边距。

margin-top   设置元素的上外边距。

CSS内边距属性（Padding）

padding   在一个声明中设置所有内边距属性。

padding-bottom   设置元素的下内边距。

padding-left   设置元素的左内边距。

padding-right   设置元素的右内边距。

padding-top   设置元素的上内边距。

CSS列表属性（List）

list-style          在一个声明中设置所有的列表属性。

list-style-image   将图象设置为列表项标记。

list-style-position   设置列表项标记的放置位置。

list-style-type   设置列表项标记的类型。

marker-offset       

内容生成（GeneratedContent）

content          与:

before以及:

after伪元素配合使用，来插入生成内容。

counter-increment   递增或递减一个或多个计数器。

counter-reset          创建或重置一个或多个计数器。

quotes                  设置嵌套引用的引号类型。

CSS尺寸属性（Dimension）

height          设置元素高度。

max-height   设置元素的最大高度。

max-width   设置元素的最大宽度。

min-height   设置元素的最小高度。

min-width   设置元素的最小宽度。

width          设置元素的宽度。

CSS定位属性（Positioning）

bottom   设置定位元素下外边距边界与其包含块下边界之间的偏移。

clear   规定元素的哪一侧不允许其他浮动元素。

clip   剪裁绝对定位元素。

cursor   规定要显示的光标的类型（形状）。

display规定元素应该生成的框的类型。

float   规定框是否应该浮动。

left   设置定位元素左外边距边界与其包含块左边界之间的偏移。

overflow规定当内容溢出元素框时发生的事情。

position规定元素的定位类型。

right   设置定位元素右外边距边界与其包含块右边界之间的偏移。

top   设置定位元素的上外边距边界与其包含块上边界之间的偏移。

vertical-align   设置元素的垂直对齐方式。

visibility   规定元素是否可见。

z-index   设置元素的堆叠顺序。

CSS打印属性（Print）

orphans          设置当元素内部发生分页时必须在页面底部保留的最少行数。

page-break-after   设置元素后的分页行为。

page-break-before   设置元素前的分页行为。

page-break-inside   设置元素内部的分页行为。

widows                  设置当元素内部发生分页时必须在页面顶部保留的最少行数。

CSS表格属性（Table）

border-collapse规定是否合并表格边框。

border-spacing   规定相邻单元格边框之间的距离。

caption-side   规定表格标题的位置。

empty-cells   规定是否显示表格中的空单元格上的边框和背景。

table-layout   设置用于表格的布局算法。

CSS伪类（Pseudo-classes）

:

active   向被激活的元素添加样式。

:

focus          向拥有键盘输入焦点的元素添加样式。

:

hover          当鼠标悬浮在元素上方时，向元素添加样式。

:

link          向未被访问的链接添加样式。

:

visited   向已被访问的链接添加样式。

:

first-child   向元素的第一个子元素添加样式。

:

lang          向带有指定lang属性的元素添加样式。

CSS伪元素（Pseudoelements）

:

first-letter   向文本的第一个字母添加特殊样式。

:

first-line   向文本的首行添加特殊样式。

:

before   在元素之前添加内容。

:

after          在元素之后添加内容

CSS背景属性（Background）

属性

描述

CSS

background

在一个声明中设置所有的背景属性。

1

background-attachment

设置背景图像是否固定或者随着页面的其余部分滚动。

1

background-color

设置元素的背景颜色。

1

background-image

设置元素的背景图像。

1

background-position

设置背景图像的开始位置。

1

background-repeat

设置是否及如何重复背景图像。

1

CSS边框属性（Border和Outline）

属性

描述

CSS

border

在一个声明中设置所有的边框属性。

1

border-bottom

在一个声明中设置所有的下边框属性。

1

border-bottom-color

设置下边框的颜色。

2

border-bottom-style

设置下边框的样式。

2

border-bottom-width

设置下边框的宽度。

1

border-color

设置四条边框的颜色。

1

border-left

在一个声明中设置所有的左边框属性。

1

border-left-color

设置左边框的颜色。

2

border-left-style

设置左边框的样式。

2

border-left-width

设置左边框的宽度。

1

border-right

在一个声明中设置所有的右边框属性。

1

border-right-color

设置右边框的颜色。

2

border-right-style

设置右边框的样式。

2

border-right-width

设置右边框的宽度。

1

border-style

设置四条边框的样式。

1

border-top

在一个声明中设置所有的上边框属性。

1

border-top-color

设置上边框的颜色。

2

border-top-style

设置上边框的样式。

2

border-top-width

设置上边框的宽度。

1

border-width

设置四条边框的宽度。

1

outline

在一个声明中设置所有的轮廓属性。

2

outline-color

设置轮廓的颜色。

2

outline-style

设置轮廓的样式。

2

outline-width

设置轮廓的宽度。

2

CSS文本属性（Text）

属性

描述

CSS

color

设置文本的颜色。

1

direction

规定文本的方向/书写方向。

2

letter-spacing

设置字符间距。

1

line-height

设置行高。

1

text-align

规定文本的水平对齐方式。

1

text-decoration

规定添加到文本的装饰效果。

1

text-indent

规定文本块首行的缩进。

1

text-shadow

规定添加到文本的阴影效果。

2

text-transform

控制文本的大小写。

1

unicode-bidi

设置文本方向。

2

white-space

规定如何处理元素中的空白。

1

word-spacing

设置单词间距。

1

CSS字体属性（Font）

属性

描述

CSS

font

在一个声明中设置所有字体属性。

1

font-family

规定文本的字体系列。

1

font-size

规定文本的字体尺寸。

1

font-size-adjust

为元素规定aspect值。

2

font-stretch

收缩或拉伸当前的字体系列。

2

font-style

规定文本的字体样式。

1

font-variant

规定文本的字体样式。

1

font-weight

规定字体的粗细。

1

CSS外边距属性（Margin）

属性

描述

CSS

margin

在一个声明中设置所有外边距属性。

1

margin-bottom

设置元素的下外边距。

1

margin-left

设置元素的左外边距。

1

margin-right

设置元素的右外边距。

1

margin-top

设置元素的上外边距。

1

CSS内边距属性（Padding）

属性

描述

CSS

padding

在一个声明中设置所有内边距属性。

1

padding-bottom

设置元素的下内边距。

1

padding-left

设置元素的左内边距。

1

padding-right

设置元素的右内边距。

1

padding-top

设置元素的上内边距。

1

CSS列表属性（List）

属性

描述

CSS

list-style

在一个声明中设置所有的列表属性。

1

list-style-image

将图象设置为列表项标记。

1

list-style-position

设置列表项标记的放置位置。

1

list-style-type

设置列表项标记的类型。

1

marker-offset

2

内容生成（GeneratedContent）

属性

描述

CSS

content

与:

before以及:

after伪元素配合使用，来插入生成内容。

2

counter-increment

递增或递减一个或多个计数器。

2

counter-reset

创建或重置一个或多个计数器。

2

quotes

设置嵌套引用的引号类型。

2

CSS尺寸属性（Dimension）

属性

描述

CSS

height

设置元素高度。

1

max-height

设置元素的最大高度。

2

max-width

设置元素的最大宽度。

2

min-height

设置元素的最小高度。

2

min-width

设置元素的最小宽度。

2

width

设置元素的宽度。

1

CSS定位属性（Positioning）

属性

描述

CSS

bottom

设置定位元素下外边距边界与其包含块下边界之间的偏移。

2

clear

规定元素的哪一侧不允许其他浮动元素。

1

clip

剪裁绝对定位元素。

2

cursor

规定要显示的光标的类型（形状）。

2

display

规定元素应该生成的框的类型。

1

float

规定框是否应该浮动。

1

left

设置定位元素左外边距边界与其包含块左边界之间的偏移。

2

overflow

规定当内容溢出元素框时发生的事情。

2

position

规定元素的定位类型。

2

right

设置定位元素右外边距边界与其包含块右边界之间的偏移。

2

top

设置定位元素的上外边距边界与其包含块上边界之间的偏移。

2

vertical-align

设置元素的垂直对齐方式。

1

visibility

规定元素是否可见。

2

z-index

设置元素的堆叠顺序。

2

CSS打印属性（Print）

属性

描述

CSS

orphans

设置当元素内部发生分页时必须在页面底部保留的最少行数。

2

page-break-after

设置元素后的分页行为。

2

page-break-before

设置元素前的分页行为。

2

page-break-inside

设置元素内部的分页行为。

2

widows

设置当元素内部发生分页时必须在页面顶部保留的最少行数。

2

CSS表格属性（Table）

属性

描述

CSS

border-collapse

规定是否合并表格边框。

2

border-spacing

规定相邻单元格边框之间的距离。

2

caption-side

规定表格标题的位置。

2

empty-cells

规定是否显示表格中的空单元格上的边框和背景。

2

table-layout

设置用于表格的布局算法。

2

CSS伪类（Pseudo-classes）

属性

描述

CSS

:

active

向被激活的元素添加样式。

1

:

focus

向拥有键盘输入焦点的元素添加样式。

2

:

hover

当鼠标悬浮在元素上方时，向元素添加样式。

1

:

link

向未被访问的链接添加样式。

1

:

visited

向已被访问的链接添加样式。

1

:

first-child

向元素的第一个子元素添加样式。

2

:

lang

向带有指定lang属性的元素添加样式。

2

CSS伪元素（Pseudoelements）

属性

描述

CSS

:

first-letter

向文本的第一个字母添加特殊样式。

1

:

first-line

向文本的首行添加特殊样式。

1

:

before

在元素之前添加内容。

2

:

after

在元素之后添加内容。

2

∙PreviousPage

∙NextPage

打印属性

打印HTML文档总是会出现问题。

在CSS2中，我们可以借助打印属性让打印web内容更容易一些。

属性

描述

值

orphans

设置元素放在页面底部时所允许的最少文本行数。

number

marks

设置是否在内容区之外但是在画布的可打印区域内放“十字标志”。

请注意，CSS2.1已删除该属性。

∙none

∙crop

∙cross

page

这个属性与size属性结合可以指定打印一个元素时所用的特定页面类型。

请注意，CSS2.1已删除该属性。

autoidentifier

page-break-after

设置元素后是否应当放置分页符。

∙auto

∙always

∙avoid

∙left

∙right

page-break-before

设置元素前否应当放置分页符。

∙auto

∙always

∙avoid

∙left

∙right

page-break-inside

设置元素内部是否应当放置分页符。

∙auto

∙avoid

size

利用这个属性，创作人员可以声明打印一个元素时所用页框的大小和方向。

它可以与page结合使用。

不过并不要求一定如此。

请注意，CSS2.1已删除该属性。

∙auto

∙portrait

∙landscape

widows

设置元素放在页面顶部时所允许的最少文本行数。

number