Name
Values
Initial value
Applies to
(Default: all)
Inherited?
Percentages
(Default: N/A)
Media groups
azimuth
|
<angle>
| [[ left-side | far-left | left | center-left | center | center-right |
right | far-right | right-side ] || behind ] | leftwards | rightwards |
inherit
|
center |
|
yes |
|
aural
|
background
|
[background-color
|| background-image
|| background-repeat
|| background-attachment
|| background-position
] | inherit
|
XX |
|
no |
allowed on background-position |
visual
|
background-attachment
|
scroll | fixed | inherit
|
scroll |
|
no |
|
visual
|
background-color
|
<color>
| transparent | inherit
|
transparent |
|
no |
|
visual
|
background-image
|
<uri>
| none | inherit
|
none |
|
no |
|
visual
|
background-position
|
[ [<percentage>
| <length>
]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit
|
0% 0% |
block-level and replaced elements |
no |
refer to the size of the box itself |
visual
|
background-repeat
|
repeat | repeat-x | repeat-y | no-repeat | inherit
|
repeat |
|
no |
|
visual
|
border
|
[ border-width
|| border-style
|| <color>
] | inherit
|
see individual properties |
|
no |
|
visual
|
border-collapse
|
collapse | separate | inherit
|
collapse |
table and inline-table elements |
yes |
|
visual
|
border-color
|
<color>
{1,4} | transparent | inherit
|
see individual properties |
|
no |
|
visual
|
border-spacing
|
<length>
<length>
? | inherit
|
0 |
table and inline-table elements |
yes |
|
visual
|
border-style
|
<border-style>
{1,4} | inherit
|
see individual properties |
|
no |
|
visual
|
border-top
border-right
border-bottom
border-left
|
[ border-top-width
|| border-style
|| <color>
] | inherit
|
see individual properties |
|
no |
|
visual
|
border-top-color
border-right-color
border-bottom-color
border-left-color
|
<color>
| inherit
|
the value of the color property |
|
no |
|
visual
|
border-top-style
border-right-style
border-bottom-style
border-left-style
|
<border-style>
| inherit
|
none |
|
no |
|
visual
|
border-top-width
border-right-width
border-bottom-width
border-left-width
|
<border-width>
| inherit
|
medium |
|
no |
|
visual
|
border-width
|
<border-width>
{1,4} | inherit
|
see individual properties |
|
no |
|
visual
|
bottom
|
<length>
| <percentage>
| auto | inherit
|
auto |
positioned elements |
no |
refer to height of containing block |
visual
|
caption-side
|
top | bottom | left | right | inherit
|
top |
table-caption elements |
yes |
|
visual
|
clear
|
none | left | right | both | inherit
|
none |
block-level elements |
no |
|
visual
|
clip
|
<shape>
| auto | inherit
|
auto |
block-level and replaced elements |
no |
|
visual
|
color
|
<color>
| inherit
|
depends on user agent |
|
yes |
|
visual
|
content
|
[ <string>
| <uri>
| <counter>
| attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
|
empty string |
:before and :after pseudo-elements |
no |
|
all
|
counter-increment
|
[ <identifier>
<integer>
? ]+ | none | inherit
|
none |
|
no |
|
all
|
counter-reset
|
[ <identifier>
<integer>
? ]+ | none | inherit
|
none |
|
no |
|
all
|
cue
|
[ cue-before
|| cue-after
] | inherit
|
XX |
|
no |
|
aural
|
cue-after
|
<uri>
| none | inherit
|
none |
|
no |
|
aural
|
cue-before
|
<uri>
| none | inherit
|
none |
|
no |
|
aural
|
cursor
|
[ [<uri>
,]* [ auto | crosshair | default | pointer | move | e-resize |
ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize |
w-resize| text | wait | help ] ] | inherit
|
auto |
|
yes |
|
visual
, interactive
|
direction
|
ltr | rtl | inherit
|
ltr |
all elements, but see prose |
yes |
|
visual
|
display
|
inline | block | list-item | run-in | compact | marker | table |
inline-table | table-row-group | table-header-group | table-footer-group
| table-row | table-column-group | table-column | table-cell |
table-caption | none | inherit
|
inline |
|
no |
|
all
|
elevation
|
<angle>
| below | level | above | higher | lower | inherit
|
level |
|
yes |
|
aural
|
empty-cells
|
show | hide | inherit
|
show |
table-cell elements |
yes |
|
visual
|
float
|
left | right | none | inherit
|
none |
all but positioned elements and generated content |
no |
|
visual
|
font
|
[ [ font-style
|| font-variant
|| font-weight
]? font-size
[ / line-height
]? font-family
] | caption | icon | menu | message-box | small-caption | status-bar | inherit
|
see individual properties |
|
yes |
allowed on font-size and line-height |
visual
|
font-family
|
[[ <family-name>
| <generic-family>
],]* [<family-name>
| <generic-family>
] | inherit
|
depends on user agent |
|
yes |
|
visual
|
font-size
|
<absolute-size>
| <relative-size>
| <length>
| <percentage>
| inherit
|
medium |
|
yes, the computed value is inherited |
refer to parent elements font size |
visual
|
font-size-adjust
|
<number>
| none | inherit
|
none |
|
yes |
|
visual
|
font-stretch
|
normal | wider | narrower | ultra-condensed | extra-condensed |
condensed | semi-condensed | semi-expanded | expanded | extra-expanded |
ultra-expanded | inherit
|
normal |
|
yes |
|
visual
|
font-style
|
normal | italic | oblique | inherit
|
normal |
|
yes |
|
visual
|
font-variant
|
normal | small-caps | inherit
|
normal |
|
yes |
|
visual
|
font-weight
|
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
|
normal |
|
yes |
|
visual
|
height
|
<length>
| <percentage>
| auto | inherit
|
auto |
all elements but non-replaced inline elements, table columns, and column groups |
no |
see prose |
visual
|
left
|
<length>
| <percentage>
| auto | inherit
|
auto |
positioned elements |
no |
refer to width of containing block |
visual
|
letter-spacing
|
normal | <length>
| inherit
|
normal |
|
yes |
|
visual
|
line-height
|
normal | <number>
| <length>
| <percentage>
| inherit
|
normal |
|
yes |
refer to the font size of the element itself |
visual
|
list-style
|
[ list-style-type
|| list-style-position
|| list-style-image
] | inherit
|
XX |
elements with display: list-item |
yes |
|
visual
|
list-style-image
|
<uri>
| none | inherit
|
none |
elements with display: list-item |
yes |
|
visual
|
list-style-position
|
inside | outside | inherit
|
outside |
elements with display: list-item |
yes |
|
visual
|
list-style-type
|
disc | circle | square | decimal | decimal-leading-zero |
lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin |
upper-alpha | upper-latin | hebrew | armenian | georgian |
cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha |
none | inherit
|
disc |
elements with display: list-item |
yes |
|
visual
|
margin
|
<margin-width>
{1,4} | inherit
|
XX |
|
no |
refer to width of containing block |
visual
|
margin-top
margin-right
margin-bottom
margin-left
|
<margin-width>
| inherit
|
0 |
|
no |
refer to width of containing block |
visual
|
marker-offset
|
<length>
| auto | inherit
|
auto |
elements with display: marker |
no |
|
visual
|
marks
|
[ crop || cross ] | none | inherit
|
none |
page context |
N/A |
|
visual
, paged
|
max-height
|
<length>
| <percentage>
| none | inherit
|
none |
all elements except non-replaced inline elements and table elements |
no |
refer to height of containing block |
visual
|
max-width
|
<length>
| <percentage>
| none | inherit
|
none |
all elements except non-replaced inline elements and table elements |
no |
refer to width of containing block |
visual
|
min-height
|
<length>
| <percentage>
| inherit
|
0 |
all elements except non-replaced inline elements and table elements |
no |
refer to height of containing block |
visual
|
min-width
|
<length>
| <percentage>
| inherit
|
UA dependent |
all elements except non-replaced inline elements and table elements |
no |
refer to width of containing block |
visual
|
orphans
|
<integer>
| inherit
|
2 |
block-level elements |
yes |
|
visual
, paged
|
outline
|
[ outline-color
|| outline-style
|| outline-width
] | inherit
|
see individual properties |
|
no |
|
visual
, interactive
|
outline-color
|
<color>
| invert | inherit
|
invert |
|
no |
|
visual
, interactive
|
outline-style
|
<border-style>
| inherit
|
none |
|
no |
|
visual
, interactive
|
outline-width
|
<border-width>
| inherit
|
medium |
|
no |
|
visual
, interactive
|
overflow
|
visible | hidden | scroll | auto | inherit
|
visible |
block-level and replaced elements |
no |
|
visual
|
padding
|
<padding-width>
{1,4} | inherit
|
XX |
|
no |
refer to width of containing block |
visual
|
padding-top
padding-right
padding-bottom
padding-left
|
<padding-width>
| inherit
|
0 |
|
no |
refer to width of containing block |
visual
|
page
|
<identifier>
| auto |
auto |
block-level elements |
yes |
|
visual
, paged
|
page-break-after
|
auto | always | avoid | left | right | inherit
|
auto |
block-level elements |
no |
|
visual
, paged
|
page-break-before
|
auto | always | avoid | left | right | inherit
|
auto |
block-level elements |
no |
|
visual
, paged
|
page-break-inside
|
avoid | auto | inherit
|
auto |
block-level elements |
yes |
|
visual
, paged
|
pause
|
[ [<time>
| <percentage>
]{1,2} ] | inherit
|
depends on user agent |
|
no |
see descriptions of pause-before and pause-after |
aural
|
pause-after
|
<time>
| <percentage>
| inherit
|
depends on user agent |
|
no |
see prose |
aural
|
pause-before
|
<time>
| <percentage>
| inherit
|
depends on user agent |
|
no |
see prose |
aural
|
pitch
|
<frequency>
| x-low | low | medium | high | x-high | inherit
|
medium |
|
yes |
|
aural
|
pitch-range
|
<number>
| inherit
|
50 |
|
yes |
|
aural
|
play-during
|
<uri>
mix? repeat? | auto | none | inherit
|
auto |
|
no |
|
aural
|
position
|
static | relative | absolute | fixed | inherit
|
static |
all elements, but not to generated content |
no |
|
visual
|
quotes
|
[<string>
<string>
]+ | none | inherit
|
depends on user agent |
|
yes |
|
visual
|
richness
|
<number>
| inherit
|
50 |
|
yes |
|
aural
|
right
|
<length>
| <percentage>
| auto | inherit
|
auto |
positioned elements |
no |
refer to width of containing block |
visual
|
size
|
<length>
{1,2} | auto | portrait | landscape | inherit
|
auto |
the page context |
N/A |
|
visual
, paged
|
speak
|
normal | none | spell-out | inherit
|
normal |
|
yes |
|
aural
|
speak-header
|
once | always | inherit
|
once |
elements that have table header information |
yes |
|
aural
|
speak-numeral
|
digits | continuous | inherit
|
continuous |
|
yes |
|
aural
|
speak-punctuation
|
code | none | inherit
|
none |
|
yes |
|
aural
|
speech-rate
|
<number>
| x-slow | slow | medium | fast | x-fast | faster | slower | inherit
|
medium |
|
yes |
|
aural
|
stress
|
<number>
| inherit
|
50 |
|
yes |
|
aural
|
table-layout
|
auto | fixed | inherit
|
auto |
table and inline-table elements |
no |
|
visual
|
text-align
|
left | right | center | justify | <string>
| inherit
|
depends on user agent and writing direction |
block-level elements |
yes |
|
visual
|
text-decoration
|
none | [ underline || overline || line-through || blink ] | inherit
|
none |
|
no (see prose) |
|
visual
|
text-indent
|
<length>
| <percentage>
| inherit
|
0 |
block-level elements |
yes |
refer to width of containing block |
visual
|
text-shadow
|
none | [<color>
|| <length>
<length>
<length>
? ,]* [<color>
|| <length>
<length>
<length>
?] | inherit
|
none |
|
no (see prose) |
|
visual
|
text-transform
|
capitalize | uppercase | lowercase | none | inherit
|
none |
|
yes |
|
visual
|
top
|
<length>
| <percentage>
| auto | inherit
|
auto |
positioned elements |
no |
refer to height of containing block |
visual
|
unicode-bidi
|
normal | embed | bidi-override | inherit
|
normal |
all elements, but see prose |
no |
|
visual
|
vertical-align
|
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>
| <length>
| inherit
|
baseline |
inline-level and table-cell elements |
no |
refer to the line-height of the element itself |
visual
|
visibility
|
visible | hidden | collapse | inherit
|
inherit |
|
no |
|
visual
|
voice-family
|
[[<specific-voice>
| <generic-voice>
],]* [<specific-voice>
| <generic-voice>
] | inherit
|
depends on user agent |
|
yes |
|
aural
|
volume
|
<number>
| <percentage>
| silent | x-soft | soft | medium | loud | x-loud | inherit
|
medium |
|
yes |
refer to inherited value |
aural
|
white-space
|
normal | pre | nowrap | inherit
|
normal |
block-level elements |
yes |
|
visual
|
widows
|
<integer>
| inherit
|
2 |
block-level elements |
yes |
|
visual
, paged
|
width
|
<length>
| <percentage>
| auto | inherit
|
auto |
all elements but non-replaced inline elements, table rows, and row groups |
no |
refer to width of containing block |
visual
|
word-spacing
|
normal | <length>
| inherit
|
normal |
|
yes |
|
visual
|
z-index
|
auto | <integer>
| inherit
|
auto |
positioned elements |
no |
|
visual
|
相关推荐
《CSS样式参考手册》是网页设计者不可或缺的工具书,它深入浅出地介绍了CSS(Cascading Style Sheets)这一核心网页布局技术。CSS允许我们分离网页内容与表现,使得网页设计更加灵活、可维护性更强。在CSS样式参考...
CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料,尤其对于中文用户,中文手册能更直观、准确地理解概念和技术。 **一、CSS基本概念** 1. **选择器(Selectors)**:选择器用于指定CSS样式要应用到哪些HTML...
《CSS完全参考手册3.0》是一本针对前端开发者的重要指南,它在原有的《完美网页设计CSS快速参考》基础上进行了重大更新,旨在提供最全面、最新的CSS知识体系。结合W3C(万维网联盟)的官方标准和微软的DHTML(动态超...
资源名称:css4.2.4参考手册内容简介: css4..2.4参考手册最新版是网站web前端开发人员样式设计必备参考手册系列之CSS3参考手册,本手册针对的是已有一定网页设计制作经验的读者。其目的是提供最新的样式表内容的...
**CSS3参考手册详解** CSS3(层叠样式表第三版)是Web设计领域中一个重要的里程碑,它扩展了CSS2.1的功能,引入了许多新的特性和改进,为网页设计师提供了更为丰富的表现力和控制力。这篇详尽的指南将深入解析CSS3...
《CSS完全参考手册3.0》是一本专为前端开发者准备的权威指南,它全面覆盖了CSS(Cascading Style Sheets)3.0版本的所有特性,包括选择器、布局、颜色与背景、字体与文本、定位、盒模型、边框与边距、过渡与动画、...
《CSS完全参考手册》是针对Web前端开发人员的一本详尽指南,专注于CSS技术,特别是涵盖了CSS3.0的新特性和用法。这本书是“Web前端开发参考手册系列”的一部分,旨在提供最新的、全面的CSS知识,帮助开发者提升网页...
**CSS样式表滤镜**是另一种增强网页视觉效果的技术,尤其是在处理图像和图形时。滤镜通常用于调整颜色、亮度、对比度或添加特殊效果。虽然CSS2.0标准中并未包含滤镜,但微软在Internet Explorer浏览器中引入了滤镜...
《CSS3.0精美参考手册》是一本专为前端开发者设计的专业指南,它详细阐述了CSS3.0的所有核心概念和技术。CSS(层叠样式表)是网页设计中不可或缺的一部分,用于控制网页元素的样式、布局和表现。随着技术的发展,CSS...
总的来说,这份"CSS样式手册(入门到精通)"提供的两个CHM文件是学习和参考CSS的宝贵资源,无论你是网页设计新手还是希望巩固CSS知识的开发者,都能从中受益匪浅。通过系统学习和实践,你将能够熟练掌握CSS,为你的...
《CSS样式表参考手册》是Web开发者不可或缺的工具书,它涵盖了CSS(Cascading Style Sheets)语言的各个方面,帮助我们构建美观、响应式的网页设计。CSS作为一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等...
《CSS样式手册》集合了多个关于CSS(Cascading Style Sheets)的学习资源,涵盖了从基础到高级的各种主题,旨在帮助用户快速掌握这一重要的网页设计语言。以下是对这些资源的详细解读: 1. **《CSS速成手册》**:这...
CSS样式 - **2.1 CSS背景** - **属性解析**:详细介绍背景相关的属性如`background-color`、`background-image`等。 - **案例分析**:提供实例说明如何设置背景颜色或图片。 - **2.2 CSS文本** - **文本属性**:...
css中文参考手册 CSS 是 Cascading Style Sheet 的缩写。译作层叠样式表。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 中文资料少,对英文翻译功底要求较高; 基础语法要求字斟句酌...
**CSS中文参考手册**是专为中文用户设计的学习和参考CSS的工具,提供了详尽的CSS属性、选择器、盒模型、布局模式等知识点的解释。这份手册的CHM版具有以下特点: 1. **清晰简洁**:手册以简洁的语言解释了CSS的各种...
《CSS完全参考手册 3.0》是一本深入解析CSS(Cascading Style Sheets)的专业指南,以CHM(Compiled Help Manual)格式呈现,旨在帮助读者全面理解和掌握这一用于网页样式设计的重要技术。CHM是一种微软开发的帮助...
【CSS】css3.0参考手册是一本针对前端开发者的重要资源,它详尽地涵盖了CSS3.0的所有关键特性,是提升网页设计和布局技能的必备工具。CSS,即层叠样式表(Cascading Style Sheets),是用于描述HTML或XML(包括如SVG...
CSS 参考手册是开发者在编写和调试CSS代码时的重要工具,提供了详尽的语法、属性和选择器的说明,帮助开发者更高效地理解和运用CSS。 **CSS的基本结构**: CSS的语法由选择器和声明组成。选择器指向要应用样式的...