CSS 参考手册
51help 的 CSS
CSS 属性
CSS 属性组:
- 动画
- 背景
- 盒(框)
- 颜色
- 体
- 定位
- 可伸缩框
- 字体
- 生成内容
- 网格
- 超链接
- 行框
- 列表
- 外边距
- Marquee
- 多列
- 内边距
- 分页媒体
- 定位
- 打印
- Ruby
- 语音
- 表格
- 文本
- 2D/3D 转换
- 过渡
- 用户界面
"CSS" CSS 版本(CSS1、CSS3 或 CSS3。
CSS3 Animation)
属性 | 描述 | CSS |
---|---|---|
@keyframes | 3 | |
animation | 性,除了 animation-play-state 属性。 | 3 |
animation-name | 规定 @keyframes 。 | 3 |
animation-duration | 或毫秒。 | 3 |
animation-timing-function | 3 | |
animation-delay | 时开始。 | 3 |
animation-iteration-count | 。 | 3 |
animation-direction | 放。 | 3 |
animation-play-state | 或暂停。 | 3 |
CSS Background)
属性 | 描述 | CSS |
---|---|---|
background | 。 | 1 |
background-attachment | 分滚动。 | 1 |
background-color | 1 | |
background-image | 1 | |
background-position | 置。 | 1 |
background-repeat | 景图像。 | 1 |
background-clip | 3 | |
background-origin | 域。 | 3 |
background-size | 3 |
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 |
border-bottom-left-radius | 。 | 3 |
border-bottom-right-radius | 。 | 3 |
border-image | 设置所有 border-image-* 属性。 | 3 |
border-image-outset | 3 | |
border-image-repeat | 否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。 | 3 |
border-image-slice | 移。 | 3 |
border-image-source | 3 | |
border-image-width | 3 | |
border-radius | 个 border-*-radius 属性。 | 3 |
border-top-left-radius | 。 | 3 |
border-top-right-radius | 。 | 3 |
box-decoration-break | 3 | |
box-shadow | 阴影。 | 3 |
Box 属性
属性 | 描述 | CSS |
---|---|---|
overflow-x | 左/裁剪。 | 3 |
overflow-y | 上/裁剪。 | 3 |
overflow-style | 动方法。 | 3 |
rotation | 围绕由 rotation-point 行旋转。 | 3 |
rotation-point | 3 |
Content for Paged Media 属性
属性 | 描述 | CSS |
---|---|---|
bookmark-label | 标记。 | 3 |
bookmark-level | 级别。 | 3 |
bookmark-target | 3 | |
float-offset | float | 3 |
hyphenate-after | 字符数。 | 3 |
hyphenate-before | 字符数。 | 3 |
hyphenate-character | 3 | |
hyphenate-lines | 。 | 3 |
hyphenate-resource | )。 | 3 |
hyphens | 。 | 3 |
image-resolution | 。 | 3 |
marks | 3 | |
string-set | 3 |
CSS Dimension)
属性 | 描述 | CSS |
---|---|---|
height | 度。 | 1 |
max-height | 2 | |
max-width | 2 | |
min-height | 2 | |
min-width | 2 | |
width | 宽度。 | 1 |
性(Flexible Box)
属性 | 描述 | CSS |
---|---|---|
box-align | 素。 | 3 |
box-direction | 方向。 | 3 |
box-flex | 伸缩。 | 3 |
box-flex-group | 性分组。 | 3 |
box-lines | 。 | 3 |
box-ordinal-group | 次序。 | 3 |
box-orient | 排列。 | 3 |
box-pack | 位置。 | 3 |
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 |
Generated Content)
属性 | 描述 | CSS |
---|---|---|
content | 与 :before 以及 :after 。 | 2 |
counter-increment | 计数器。 | 2 |
counter-reset | 计数器。 | 2 |
quotes | 型。 | 2 |
crop | 。 | 3 |
move-to | 新插入。 | 3 |
page-policy | 于页面的 occurrence 串值。 | 3 |
Grid 属性
属性 | 描述 | CSS |
---|---|---|
grid-columns | 度。 | 3 |
grid-rows | 度。 | 3 |
Hyperlink 属性
属性 | 描述 | CSS |
---|---|---|
target | 设置target-name、target-new以及target-position属性。 | 3 |
target-name | )。 | 3 |
target-new | 。 | 3 |
target-position | 标链接。 | 3 |
CSS List)
属性 | 描述 | CSS |
---|---|---|
list-style | 。 | 1 |
list-style-image | 记。 | 1 |
list-style-position | 位置。 | 1 |
list-style-type | 。 | 1 |
marker-offset | 2 |
CSS (Margin)
属性 | 描述 | CSS |
---|---|---|
margin | 。 | 1 |
margin-bottom | 1 | |
margin-left | 1 | |
margin-right | 1 | |
margin-top | 1 |
Marquee 属性
属性 | 描述 | CSS |
---|---|---|
marquee-direction | 3 | |
marquee-play-count | 3 | |
marquee-speed | 3 | |
marquee-style | 3 |
Multi-column)
属性 | 描述 | CSS |
---|---|---|
column-count | 列数。 | 3 |
column-fill | 充列。 | 3 |
column-gap | 的间隔。 | 3 |
column-rule | 设置所有 column-rule-* 属性。 | 3 |
column-rule-color | 。 | 3 |
column-rule-style | 。 | 3 |
column-rule-width | 。 | 3 |
column-span | 数。 | 3 |
column-width | 度。 | 3 |
columns | 规定设置 column-width 和 column-count 。 | 3 |
CSS (Padding)
属性 | 描述 | CSS |
---|---|---|
padding | 。 | 1 |
padding-bottom | 1 | |
padding-left | 1 | |
padding-right | 1 | |
padding-top | 1 |
Paged Media 属性
属性 | 描述 | CSS |
---|---|---|
fit | width和heightauto。 | 3 |
fit-position | 式。 | 3 |
image-orientation | 3 | |
page | 型。 | 3 |
size | 。 | 3 |
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 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 |
hanging-punctuation | 3 | |
punctuation-trim | 行修剪。 | 3 |
text-align-last | 前的行。 | 3 |
text-emphasis | 景色。 | 3 |
text-justify | 规定当 text-align 设置为 "justify" | 3 |
text-outline | 轮廓。 | 3 |
text-overflow | 事情。 | 3 |
text-shadow | 阴影。 | 3 |
text-wrap | 3 | |
word-break | 行规则。 | 3 |
word-wrap | 下一行。 | 3 |
2D/3D Transform)
属性 | 描述 | CSS |
---|---|---|
transform | 2D 或 3D 转换。 | 3 |
transform-origin | 的位置。 | 3 |
transform-style | 3D 。 | 3 |
perspective | 规定 3D 效果。 | 3 |
perspective-origin | 规定 3D 位置。 | 3 |
backface-visibility | 。 | 3 |
Transition)
属性 | 描述 | CSS |
---|---|---|
transition | 性。 | 3 |
transition-property | 渡的 CSS 。 | 3 |
transition-duration | 间。 | 3 |
transition-timing-function | 线。 | 3 |
transition-delay | 。 | 3 |
性(User-interface)
属性 | 描述 | CSS |
---|---|---|
appearance | 3 | |
box-sizing | 内容。 | 3 |
icon | 3 | |
nav-down | arrow-down | 3 |
nav-index | tab 。 | 3 |
nav-left | arrow-left | 3 |
nav-right | arrow-right | 3 |
nav-up | arrow-up | 3 |
outline-offset | 制轮廓。 | 3 |
resize | 行调整。 | 3 |