代码拉取完成，页面将自动刷新
Fork 仓库
加载中
确定同步？
同步操作将从 xkh/CSS 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Quick Search index</title>
<meta name="description" content="CSS3参考手册：CSS属性全集合" />
<meta name="keywords" content="CSS Properties, CSS3参考手册" />
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="skin/article.css" />
</head>
<body>
<nav id="guide" class="g-mod">
<div class="from">
<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
<span>»</span>
<span id="category" rel="" name="quicksearch">速查表</span>
</div>
<div class="to">
<span class="label">相关内容：</span>
<div class="g-combobox g-transition">
<a href="?" class="g-transition target">
<strong>速查表快速通道</strong>
<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
</a>
<div class="g-transition list">
<ul>
<!-- 插入分类快速导航 -->
</ul>
</div>
</div>
</div>
</nav>
<header id="hd">
<section id="title" class="g-mod">
<h1 class="tit">Quick Search</h1>
<ul class="info">
<li>速查表</li>
</ul>
<!-- 插入浏览器信息 -->
</section>
</header>
<section id="bd">
<section id="positioning" class="g-mod g-attr">
<h2 class="tit"><a href="properties/positioning/index.htm">定位 Positioning</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/positioning/position.htm" class="g-color-css3-change">position</a></li>
<li><a href="properties/positioning/z-index.htm">z-index</a></li>
<li><a href="properties/positioning/top.htm">top</a></li>
<li><a href="properties/positioning/right.htm">right</a></li>
<li><a href="properties/positioning/bottom.htm">bottom</a></li>
<li><a href="properties/positioning/left.htm">left</a></li>
<li><a href="properties/positioning/clip.htm" class="g-color-css3-change">clip</a></li>
</ul>
</div>
</section>
<section id="layout" class="g-mod g-attr">
<h2 class="tit"><a href="properties/layout/index.htm">布局 Layout</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/layout/display.htm" class="g-color-css3-change">display</a></li>
<li><a href="properties/layout/float.htm">float</a></li>
<li><a href="properties/layout/clear.htm">clear</a></li>
<li><a href="properties/layout/visibility.htm">visibility</a></li>
<li><a href="properties/layout/overflow.htm" class="g-color-css3-change">overflow</a></li>
<li><a href="properties/layout/overflow-x.htm" class="g-color-css3-change">overflow-x</a></li>
<li><a href="properties/layout/overflow-y.htm" class="g-color-css3-change">overflow-y</a></li>
</ul>
</div>
</section>
<section id="dimension" class="g-mod g-attr">
<h2 class="tit"><a href="properties/dimension/index.htm">尺寸 Dimension</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/dimension/width.htm">width</a></li>
<li><a href="properties/dimension/min-width.htm">min-width</a></li>
<li><a href="properties/dimension/max-width.htm">max-width</a></li>
<li><a href="properties/dimension/height.htm">height</a></li>
<li><a href="properties/dimension/min-height.htm">min-height</a></li>
<li><a href="properties/dimension/max-height.htm">max-height</a></li>
</ul>
</div>
</section>
<section id="margin" class="g-mod g-attr">
<h2 class="tit"><a href="properties/margin/index.htm">外补白 Margin</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/margin/margin.htm">margin</a></li>
<li><a href="properties/margin/margin-top.htm">margin-top</a></li>
<li><a href="properties/margin/margin-right.htm">margin-right</a></li>
<li><a href="properties/margin/margin-bottom.htm">margin-bottom</a></li>
<li><a href="properties/margin/margin-left.htm">margin-left</a></li>
</ul>
</div>
</section>
<section id="padding" class="g-mod g-attr">
<h2 class="tit"><a href="properties/padding/index.htm">内补白 Padding</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/padding/padding.htm">padding</a></li>
<li><a href="properties/padding/padding-top.htm">padding-top</a></li>
<li><a href="properties/padding/padding-right.htm">padding-right</a></li>
<li><a href="properties/padding/padding-bottom.htm">padding-bottom</a></li>
<li><a href="properties/padding/padding-left.htm">padding-left</a></li>
</ul>
</div>
</section>
<section id="border" class="g-mod g-attr">
<h2 class="tit"><a href="properties/border/index.htm">边框 Border</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/border/border.htm">border</a></li>
<li><a href="properties/border/border-width.htm">border-width</a></li>
<li><a href="properties/border/border-style.htm">border-style</a></li>
<li><a href="properties/border/border-color.htm">border-color</a></li>
<li><a href="properties/border/border-top.htm">border-top</a></li>
<li><a href="properties/border/border-top-width.htm">border-top-width</a></li>
<li><a href="properties/border/border-top-style.htm">border-top-style</a></li>
<li><a href="properties/border/border-top-color.htm">border-top-color</a></li>
<li><a href="properties/border/border-right.htm">border-right</a></li>
<li><a href="properties/border/border-right-width.htm">border-right-width</a></li>
<li><a href="properties/border/border-right-style.htm">border-right-style</a></li>
<li><a href="properties/border/border-right-color.htm">border-right-color</a></li>
<li><a href="properties/border/border-bottom.htm">border-bottom</a></li>
<li><a href="properties/border/border-bottom-width.htm">border-bottom-width</a></li>
<li><a href="properties/border/border-bottom-style.htm">border-bottom-style</a></li>
<li><a href="properties/border/border-bottom-color.htm">border-bottom-color</a></li>
<li><a href="properties/border/border-left.htm">border-left</a></li>
<li><a href="properties/border/border-left-width.htm">border-left-width</a></li>
<li><a href="properties/border/border-left-style.htm">border-left-style</a></li>
<li><a href="properties/border/border-left-color.htm">border-left-color</a></li>
<li><a href="properties/border/border-radius.htm" class="g-color-css3-new">border-radius</a></li>
<li><a href="properties/border/border-top-left-radius.htm" class="g-color-css3-new">border-top-left-radius</a></li>
<li><a href="properties/border/border-top-right-radius.htm" class="g-color-css3-new">border-top-right-radius</a></li>
<li><a href="properties/border/border-bottom-right-radius.htm" class="g-color-css3-new">border-bottom-right-radius</a></li>
<li><a href="properties/border/border-bottom-left-radius.htm" class="g-color-css3-new">border-bottom-left-radius</a></li>
<li><a href="properties/border/box-shadow.htm" class="g-color-css3-new">box-shadow</a></li>
<li><a href="properties/border/border-image.htm" class="g-color-css3-new">border-image</a></li>
<li><a href="properties/border/border-image-source.htm" class="g-color-css3-new">border-image-source</a></li>
<li><a href="properties/border/border-image-slice.htm" class="g-color-css3-new">border-image-slice</a></li>
<li><a href="properties/border/border-image-width.htm" class="g-color-css3-new">border-image-width</a></li>
<li><a href="properties/border/border-image-outset.htm" class="g-color-css3-new">border-image-outset</a></li>
<li><a href="properties/border/border-image-repeat.htm" class="g-color-css3-new">border-image-repeat</a></li>
</ul>
</div>
</section>
<section id="background" class="g-mod g-attr">
<h2 class="tit"><a href="properties/background/index.htm">背景 Background</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/background/background.htm" class="g-color-css3-change">background</a></li>
<li><a href="properties/background/background-color.htm">background-color</a></li>
<li><a href="properties/background/background-image.htm" class="g-color-css3-change">background-image</a></li>
<li><a href="properties/background/background-repeat.htm" class="g-color-css3-change">background-repeat</a></li>
<li><a href="properties/background/background-attachment.htm" class="g-color-css3-change">background-attachment</a></li>
<li><a href="properties/background/background-position.htm" class="g-color-css3-change">background-position</a></li>
<li><a href="properties/background/background-origin.htm" class="g-color-css3-new">background-origin</a></li>
<li><a href="properties/background/background-clip.htm" class="g-color-css3-new">background-clip</a></li>
<li><a href="properties/background/background-size.htm" class="g-color-css3-new">background-size</a></li>
</ul>
</div>
</section>
<section id="color" class="g-mod g-attr">
<h2 class="tit"><a href="properties/color/index.htm">颜色 Color</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/color/color.htm">color</a></li>
<li><a href="properties/color/opacity.htm" class="g-color-css3-new">opacity</a></li>
</ul>
</div>
</section>
<section id="font" class="g-mod g-attr">
<h2 class="tit"><a href="properties/font/index.htm">字体 Font</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/font/font.htm">font</a></li>
<li><a href="properties/font/font-style.htm">font-style</a></li>
<li><a href="properties/font/font-variant.htm">font-variant</a></li>
<li><a href="properties/font/font-weight.htm">font-weight</a></li>
<li><a href="properties/font/font-size.htm">font-size</a></li>
<li><a href="properties/font/font-family.htm">font-family</a></li>
<li><a href="properties/font/font-stretch.htm" class="g-color-css3-new">font-stretch</a></li>
<li><a href="properties/font/font-size-adjust.htm" class="g-color-css3-new">font-size-adjust</a></li>
</ul>
</div>
</section>
<section id="text" class="g-mod g-attr">
<h2 class="tit"><a href="properties/text/index.htm">文本 Text</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/text/text-transform.htm" class="g-color-css3-change">text-transform</a></li>
<li><a href="properties/text/white-space.htm">white-space</a></li>
<li><a href="properties/text/tab-size.htm" class="g-color-css3-new">tab-size</a></li>
<li><a href="properties/text/word-break.htm" class="g-color-css3-new">word-break</a></li>
<li><a href="properties/text/word-wrap.htm" class="g-color-css3-new">word-wrap</a></li>
<li><a href="properties/text/overflow-wrap.htm" class="g-color-css3-new">overflow-wrap</a></li>
<li><a href="properties/text/text-align.htm" class="g-color-css3-change">text-align</a></li>
<li><a href="properties/text/text-align-last.htm" class="g-color-css3-new">text-align-last</a></li>
<li><a href="properties/text/text-justify.htm" class="g-color-css3-new">text-justify</a></li>
<li><a href="properties/text/word-spacing.htm" class="g-color-css3-change">word-spacing</a></li>
<li><a href="properties/text/letter-spacing.htm" class="g-color-css3-change">letter-spacing</a></li>
<li><a href="properties/text/text-indent.htm" class="g-color-css3-change">text-indent</a></li>
<li><a href="properties/text/vertical-align.htm">vertical-align</a></li>
<li><a href="properties/text/line-height.htm">line-height</a></li>
<li><a href="properties/text/text-size-adjust.htm" class="g-color-css3-new">text-size-adjust</a></li>
</ul>
</div>
</section>
<section id="text-decoration" class="g-mod g-attr">
<h2 class="tit"><a href="properties/text-decoration/index.htm">文本装饰 Text Decoration</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/text-decoration/text-decoration.htm" class="g-color-css3-change">text-decoration</a></li>
<li><a href="properties/text-decoration/text-decoration-line.htm" class="g-color-css3-new">text-decoration-line</a></li>
<li><a href="properties/text-decoration/text-decoration-color.htm" class="g-color-css3-new">text-decoration-color</a></li>
<li><a href="properties/text-decoration/text-decoration-style.htm" class="g-color-css3-new">text-decoration-style</a></li>
<li><a href="properties/text-decoration/text-decoration-skip.htm" class="g-color-css3-new">text-decoration-skip</a></li>
<li><a href="properties/text-decoration/text-underline-position.htm" class="g-color-css3-new">text-underline-position</a></li>
<li><a href="properties/text-decoration/text-shadow.htm" class="g-color-css3-new">text-shadow</a></li>
</ul>
</div>
</section>
<section id="writing-modes" class="g-mod g-attr">
<h2 class="tit"><a href="properties/writing-modes/index.htm">书写模式 Writing Modes</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/writing-modes/direction.htm">direction</a></li>
<li><a href="properties/writing-modes/unicode-bidi.htm" class="g-color-css3-change">unicode-bidi</a></li>
<li><a href="properties/writing-modes/writing-mode.htm" class="g-color-css3-new">writing-mode</a></li>
</ul>
</div>
</section>
<section id="list" class="g-mod g-attr">
<h2 class="tit"><a href="properties/list/index.htm">列表 List</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/list/list-style.htm">list-style</a></li>
<li><a href="properties/list/list-style-image.htm">list-style-image</a></li>
<li><a href="properties/list/list-style-position.htm">list-style-position</a></li>
<li><a href="properties/list/list-style-type.htm">list-style-type</a></li>
</ul>
</div>
</section>
<section id="table" class="g-mod g-attr">
<h2 class="tit"><a href="properties/table/index.htm">表格 Table</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/table/table-layout.htm">table-layout</a></li>
<li><a href="properties/table/border-collapse.htm">border-collapse</a></li>
<li><a href="properties/table/border-spacing.htm">border-spacing</a></li>
<li><a href="properties/table/caption-side.htm">caption-side</a></li>
<li><a href="properties/table/empty-cells.htm">empty-cells</a></li>
</ul>
</div>
</section>
<section id="content" class="g-mod g-attr">
<h2 class="tit"><a href="properties/content/index.htm">内容 Content</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/content/content.htm">content</a></li>
<li><a href="properties/content/counter-increment.htm">counter-increment</a></li>
<li><a href="properties/content/counter-reset.htm">counter-reset</a></li>
<li><a href="properties/content/quotes.htm">quotes</a></li>
</ul>
</div>
</section>
<section id="user-interface" class="g-mod g-attr">
<h2 class="tit"><a href="properties/user-interface/index.htm">用户界面 User Interface</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/user-interface/appearance.htm" class="g-color-css3-new">appearance</a></li>
<li><a href="properties/user-interface/text-overflow.htm" class="g-color-css3-new">text-overflow</a></li>
<li><a href="properties/user-interface/outline.htm">outline</a></li>
<li><a href="properties/user-interface/outline-width.htm">outline-width</a></li>
<li><a href="properties/user-interface/outline-style.htm">outline-style</a></li>
<li><a href="properties/user-interface/outline-color.htm">outline-color</a></li>
<li><a href="properties/user-interface/outline-offset.htm" class="g-color-css3-new">outline-offset</a></li>
<li><a href="properties/user-interface/nav-index.htm" class="g-color-css3-new">nav-index</a></li>
<li><a href="properties/user-interface/nav-up.htm" class="g-color-css3-new">nav-up</a></li>
<li><a href="properties/user-interface/nav-right.htm" class="g-color-css3-new">nav-right</a></li>
<li><a href="properties/user-interface/nav-down.htm" class="g-color-css3-new">nav-down</a></li>
<li><a href="properties/user-interface/nav-left.htm" class="g-color-css3-new">nav-left</a></li>
<li><a href="properties/user-interface/cursor.htm">cursor</a></li>
<li><a href="properties/user-interface/zoom.htm" class="g-color-css3-new">zoom</a></li>
<li><a href="properties/user-interface/box-sizing.htm" class="g-color-css3-new">box-sizing</a></li>
<li><a href="properties/user-interface/resize.htm" class="g-color-css3-new">resize</a></li>
<li><a href="properties/user-interface/ime-mode.htm" class="g-color-css3-new">ime-mode</a></li>
<li><a href="properties/user-interface/user-select.htm" class="g-color-css3-new">user-select</a></li>
<li><a href="properties/user-interface/pointer-events.htm" class="g-color-css3-new">pointer-events</a></li>
</ul>
</div>
</section>
<section id="multi-column" class="g-mod g-attr">
<h2 class="tit"><a href="properties/multi-column/index.htm">多列 Multi-column</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/multi-column/columns.htm" class="g-color-css3-new">columns</a></li>
<li><a href="properties/multi-column/column-width.htm" class="g-color-css3-new">column-width</a></li>
<li><a href="properties/multi-column/column-count.htm" class="g-color-css3-new">column-count</a></li>
<li><a href="properties/multi-column/column-gap.htm" class="g-color-css3-new">column-gap</a></li>
<li><a href="properties/multi-column/column-rule.htm" class="g-color-css3-new">column-rule</a></li>
<li><a href="properties/multi-column/column-rule-width.htm" class="g-color-css3-new">column-rule-width</a></li>
<li><a href="properties/multi-column/column-rule-style.htm" class="g-color-css3-new">column-rule-style</a></li>
<li><a href="properties/multi-column/column-rule-color.htm" class="g-color-css3-new">column-rule-color</a></li>
<li><a href="properties/multi-column/column-span.htm" class="g-color-css3-new">column-span</a></li>
<li><a href="properties/multi-column/column-fill.htm" class="g-color-css3-new">column-fill</a></li>
<li><a href="properties/multi-column/column-break-before.htm" class="g-color-css3-new">column-break-before</a></li>
<li><a href="properties/multi-column/column-break-after.htm" class="g-color-css3-new">column-break-after</a></li>
<li><a href="properties/multi-column/column-break-inside.htm" class="g-color-css3-new">column-break-inside</a></li>
</ul>
</div>
</section>
<section id="flexible-box" class="g-mod g-attr">
<h2 class="tit"><a href="properties/flexible-box/index.htm">伸缩盒 Flexible Box(旧)</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/flexible-box/box-orient.htm" class="g-color-css3-new">box-orient</a></li>
<li><a href="properties/flexible-box/box-pack.htm" class="g-color-css3-new">box-pack</a></li>
<li><a href="properties/flexible-box/box-align.htm" class="g-color-css3-new">box-align</a></li>
<li><a href="properties/flexible-box/box-flex.htm" class="g-color-css3-new">box-flex</a></li>
<li><a href="properties/flexible-box/box-flex-group.htm" class="g-color-css3-new">box-flex-group</a></li>
<li><a href="properties/flexible-box/box-ordinal-group.htm" class="g-color-css3-new">box-ordinal-group</a></li>
<li><a href="properties/flexible-box/box-direction.htm" class="g-color-css3-new">box-direction</a></li>
<li><a href="properties/flexible-box/box-lines.htm" class="g-color-css3-new">box-lines</a></li>
</ul>
</div>
</section>
<section id="flex" class="g-mod g-attr">
<h2 class="tit"><a href="properties/flex/index.htm">伸缩盒 Flexible Box(新)</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/flex/flex.htm" class="g-color-css3-new">flex</a></li>
<li><a href="properties/flex/flex-grow.htm" class="g-color-css3-new">flex-grow</a></li>
<li><a href="properties/flex/flex-shrink.htm" class="g-color-css3-new">flex-shrink</a></li>
<li><a href="properties/flex/flex-basis.htm" class="g-color-css3-new">flex-basis</a></li>
<li><a href="properties/flex/flex-flow.htm" class="g-color-css3-new">flex-flow</a></li>
<li><a href="properties/flex/flex-direction.htm" class="g-color-css3-new">flex-direction</a></li>
<li><a href="properties/flex/flex-wrap.htm" class="g-color-css3-new">flex-wrap</a></li>
<li><a href="properties/flex/align-content.htm" class="g-color-css3-new">align-content</a></li>
<li><a href="properties/flex/align-items.htm" class="g-color-css3-new">align-items</a></li>
<li><a href="properties/flex/align-self.htm" class="g-color-css3-new">align-self</a></li>
<li><a href="properties/flex/justify-content.htm" class="g-color-css3-new">justify-content</a></li>
<li><a href="properties/flex/order.htm" class="g-color-css3-new">order</a></li>
</ul>
</div>
</section>
<section id="transform" class="g-mod g-attr">
<h2 class="tit"><a href="properties/transform/index.htm">转换 Transform</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/transform/transform.htm" class="g-color-css3-new">transform</a></li>
<li><a href="properties/transform/transform-origin.htm" class="g-color-css3-new">transform-origin</a></li>
<li><a href="properties/transform/transform-style.htm" class="g-color-css3-new">transform-style</a></li>
<li><a href="properties/transform/perspective.htm" class="g-color-css3-new">perspective</a></li>
<li><a href="properties/transform/perspective-origin.htm" class="g-color-css3-new">perspective-origin</a></li>
<li><a href="properties/transform/backface-visibility.htm" class="g-color-css3-new">backface-visibility</a></li>
</ul>
</div>
</section>
<section id="transition" class="g-mod g-attr">
<h2 class="tit"><a href="properties/transition/index.htm">过渡 Transition</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/transition/transition.htm" class="g-color-css3-new">transition</a></li>
<li><a href="properties/transition/transition-property.htm" class="g-color-css3-new">transition-property</a></li>
<li><a href="properties/transition/transition-duration.htm" class="g-color-css3-new">transition-duration</a></li>
<li><a href="properties/transition/transition-timing-function.htm" class="g-color-css3-new">transition-timing-function</a></li>
<li><a href="properties/transition/transition-delay.htm" class="g-color-css3-new">transition-delay</a></li>
</ul>
</div>
</section>
<section id="animation" class="g-mod g-attr">
<h2 class="tit"><a href="properties/animation/index.htm">动画 Animation</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/animation/animation.htm" class="g-color-css3-new">animation</a></li>
<li><a href="properties/animation/animation-name.htm" class="g-color-css3-new">animation-name</a></li>
<li><a href="properties/animation/animation-duration.htm" class="g-color-css3-new">animation-duration</a></li>
<li><a href="properties/animation/animation-timing-function.htm" class="g-color-css3-new">animation-timing-function</a></li>
<li><a href="properties/animation/animation-delay.htm" class="g-color-css3-new">animation-delay</a></li>
<li><a href="properties/animation/animation-iteration-count.htm" class="g-color-css3-new">animation-iteration-count</a></li>
<li><a href="properties/animation/animation-direction.htm" class="g-color-css3-new">animation-direction</a></li>
<li><a href="properties/animation/animation-play-state.htm" class="g-color-css3-new">animation-play-state</a></li>
<li><a href="properties/animation/animation-fill-mode.htm" class="g-color-css3-new">animation-fill-mode</a></li>
</ul>
</div>
</section>
<section id="printing" class="g-mod g-attr">
<h2 class="tit"><a href="properties/printing/index.htm">打印 Printing</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/printing/page.htm" class="g-color-css3-new">page</a></li>
<li><a href="properties/printing/page-break-before.htm">page-break-before</a></li>
<li><a href="properties/printing/page-break-after.htm">page-break-after</a></li>
<li><a href="properties/printing/page-break-inside.htm">page-break-inside</a></li>
</ul>
</div>
</section>
<section id="media-queries" class="g-mod g-attr">
<h2 class="tit"><a href="properties/media-queries/index.htm">媒体查询 Media Queries</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/media-queries/width.htm" class="g-color-css3-new">width</a></li>
<li><a href="properties/media-queries/height.htm" class="g-color-css3-new">height</a></li>
<li><a href="properties/media-queries/device-width.htm" class="g-color-css3-new">device-width</a></li>
<li><a href="properties/media-queries/device-height.htm" class="g-color-css3-new">device-height</a></li>
<li><a href="properties/media-queries/orientation.htm" class="g-color-css3-new">orientation</a></li>
<li><a href="properties/media-queries/aspect-ratio.htm" class="g-color-css3-new">aspect-ratio</a></li>
<li><a href="properties/media-queries/device-aspect-ratio.htm" class="g-color-css3-new">device-aspect-ratio</a></li>
<li><a href="properties/media-queries/color.htm" class="g-color-css3-new">color</a></li>
<li><a href="properties/media-queries/color-index.htm" class="g-color-css3-new">color-index</a></li>
<li><a href="properties/media-queries/monochrome.htm" class="g-color-css3-new">monochrome</a></li>
<li><a href="properties/media-queries/resolution.htm" class="g-color-css3-new">resolution</a></li>
<li><a href="properties/media-queries/scan.htm" class="g-color-css3-new">scan</a></li>
<li><a href="properties/media-queries/grid.htm" class="g-color-css3-new">grid</a></li>
</ul>
</div>
</section>
<section id="only-ie" class="g-mod g-attr">
<h2 class="tit"><a href="properties/only-ie/index.htm">Only IE</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/only-ie/scrollbar-3dlight-color.htm">scrollbar-3dlight-color</a></li>
<li><a href="properties/only-ie/scrollbar-darkshadow-color.htm">scrollbar-darkshadow-color</a></li>
<li><a href="properties/only-ie/scrollbar-highlight-color.htm">scrollbar-highlight-color</a></li>
<li><a href="properties/only-ie/scrollbar-shadow-color.htm">scrollbar-shadow-color</a></li>
<li><a href="properties/only-ie/scrollbar-arrow-color.htm">scrollbar-arrow-color</a></li>
<li><a href="properties/only-ie/scrollbar-face-color.htm">scrollbar-face-color</a></li>
<li><a href="properties/only-ie/scrollbar-track-color.htm">scrollbar-track-color</a></li>
<li><a href="properties/only-ie/scrollbar-base-color.htm">scrollbar-base-color</a></li>
<li><a href="properties/only-ie/filter.htm">filter</a></li>
<li><a href="properties/only-ie/behavior.htm">behavior</a></li>
</ul>
</div>
</section>
<section id="only-firefox" class="g-mod g-attr">
<h2 class="tit"><a href="properties/only-firefox/index.htm">Only Firefox</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/only-firefox/border-colors.htm" class="g-color-css3-new">border-colors</a></li>
<li><a href="properties/only-firefox/border-top-colors.htm" class="g-color-css3-new">border-top-colors</a></li>
<li><a href="properties/only-firefox/border-right-colors.htm" class="g-color-css3-new">border-right-colors</a></li>
<li><a href="properties/only-firefox/border-bottom-colors.htm" class="g-color-css3-new">border-bottom-colors</a></li>
<li><a href="properties/only-firefox/border-left-colors.htm" class="g-color-css3-new">border-left-colors</a></li>
</ul>
</div>
</section>
<section id="only-webkit" class="g-mod g-attr">
<h2 class="tit"><a href="properties/only-webkit/index.htm">Only Webkit</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="properties/only-webkit/text-fill-color.htm" class="g-color-css3-new">text-fill-color</a></li>
<li><a href="properties/only-webkit/text-stroke.htm" class="g-color-css3-new">text-stroke</a></li>
<li><a href="properties/only-webkit/text-stroke-width.htm" class="g-color-css3-new">text-stroke-width</a></li>
<li><a href="properties/only-webkit/text-stroke-color.htm" class="g-color-css3-new">text-stroke-color</a></li>
<li><a href="properties/only-webkit/box-reflect.htm" class="g-color-css3-new">box-reflect</a></li>
<li><a href="properties/only-webkit/tap-highlight-color.htm" class="g-color-css3-new">tap-highlight-color</a></li>
<li><a href="properties/only-webkit/user-drag.htm" class="g-color-css3-new">user-drag</a></li>
</ul>
</div>
</section>
<section id="element" class="g-mod g-attr">
<h2 class="tit"><a href="selectors/element/index.htm">元素选择符 Element Selectors</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="selectors/element/all.htm">*</a></li>
<li><a href="selectors/element/e.htm">E</a></li>
<li><a href="selectors/element/id.htm">E#id</a></li>
<li><a href="selectors/element/class.htm">E.class</a></li>
</ul>
</div>
</section>
<section id="relationship" class="g-mod g-attr">
<h2 class="tit"><a href="selectors/relationship/index.htm">关系选择符 Relationship Selectors</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="selectors/relationship/ef.htm">E F</a></li>
<li><a href="selectors/relationship/e-child-f.htm">E>F</a></li>
<li><a href="selectors/relationship/e-adjacent-f.htm">E+F</a></li>
<li><a href="selectors/relationship/e-brother-f.htm" class="g-color-css3-new">E~F</a></li>
</ul>
</div>
</section>
<section id="attribute" class="g-mod g-attr">
<h2 class="tit"><a href="selectors/attribute/index.htm">属性选择符 Attribute Selectors</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="selectors/attribute/att.htm">E[att]</a></li>
<li><a href="selectors/attribute/att2.htm">E[att="val"]</a></li>
<li><a href="selectors/attribute/att3.htm">E[att~="val"]</a></li>
<li><a href="selectors/attribute/att4.htm" class="g-color-css3-new">E[att^="val"]</a></li>
<li><a href="selectors/attribute/att5.htm" class="g-color-css3-new">E[att$="val"]</a></li>
<li><a href="selectors/attribute/att6.htm" class="g-color-css3-new">E[att*="val"]</a></li>
<li><a href="selectors/attribute/att7.htm">E[att|="val"]</a></li>
</ul>
</div>
</section>
<section id="pseudo-classes" class="g-mod g-attr">
<h2 class="tit"><a href="selectors/pseudo-classes/index.htm">伪类选择符 Pseudo-Classes Selectors</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="selectors/pseudo-classes/link.htm">E:link</a></li>
<li><a href="selectors/pseudo-classes/visited.htm">E:visited</a></li>
<li><a href="selectors/pseudo-classes/hover.htm">E:hover</a></li>
<li><a href="selectors/pseudo-classes/active.htm">E:active</a></li>
<li><a href="selectors/pseudo-classes/focus.htm">E:focus</a></li>
<li><a href="selectors/pseudo-classes/lang(fr).htm">E:lang(fr)</a></li>
<li><a href="selectors/pseudo-classes/not(s).htm" class="g-color-css3-new">E:not(s)</a></li>
<li><a href="selectors/pseudo-classes/root.htm" class="g-color-css3-new">E:root</a></li>
<li><a href="selectors/pseudo-classes/first-child.htm">E:first-child</a></li>
<li><a href="selectors/pseudo-classes/last-child.htm" class="g-color-css3-new">E:last-child</a></li>
<li><a href="selectors/pseudo-classes/only-child.htm" class="g-color-css3-new">E:only-child</a></li>
<li><a href="selectors/pseudo-classes/nth-child(n).htm" class="g-color-css3-new">E:nth-child(n)</a></li>
<li><a href="selectors/pseudo-classes/nth-last-child(n).htm" class="g-color-css3-new">E:nth-last-child(n)</a></li>
<li><a href="selectors/pseudo-classes/first-of-type.htm" class="g-color-css3-new">E:first-of-type</a></li>
<li><a href="selectors/pseudo-classes/last-of-type.htm" class="g-color-css3-new">E:last-of-type</a></li>
<li><a href="selectors/pseudo-classes/only-of-type.htm" class="g-color-css3-new">E:only-of-type</a></li>
<li><a href="selectors/pseudo-classes/nth-of-type(n).htm" class="g-color-css3-new">E:nth-of-type(n)</a></li>
<li><a href="selectors/pseudo-classes/nth-last-of-type(n).htm" class="g-color-css3-new">E:nth-last-of-type(n)</a></li>
<li><a href="selectors/pseudo-classes/empty.htm" class="g-color-css3-new">E:empty</a></li>
<li><a href="selectors/pseudo-classes/checked.htm" class="g-color-css3-new">E:checked</a></li>
<li><a href="selectors/pseudo-classes/enabled.htm" class="g-color-css3-new">E:enabled</a></li>
<li><a href="selectors/pseudo-classes/disabled.htm" class="g-color-css3-new">E:disabled</a></li>
<li><a href="selectors/pseudo-classes/target.htm" class="g-color-css3-new">E:target</a></li>
<li><a href="selectors/pseudo-classes/@page-first.htm">@page:first</a></li>
<li><a href="selectors/pseudo-classes/@page-left.htm">@page:left</a></li>
<li><a href="selectors/pseudo-classes/@page-right.htm">@page:right</a></li>
</ul>
</div>
</section>
<section id="pseudo-element" class="g-mod g-attr">
<h2 class="tit"><a href="selectors/pseudo-element/index.htm">伪对象选择符 Pseudo-Element Selectors</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="selectors/pseudo-element/first-letter.htm" class="g-color-css3-change">E:first-letter/E::first-letter</a></li>
<li><a href="selectors/pseudo-element/first-line.htm" class="g-color-css3-change">E:first-line/E::first-line</a></li>
<li><a href="selectors/pseudo-element/before.htm" class="g-color-css3-change">E:before/E::before</a></li>
<li><a href="selectors/pseudo-element/after.htm" class="g-color-css3-change">E:after/E::after</a></li>
<li><a href="selectors/pseudo-element/placeholder.htm" class="g-color-css3-new">E::placeholder</a></li>
<li><a href="selectors/pseudo-element/selection.htm" class="g-color-css3-new">E::selection</a></li>
</ul>
</div>
</section>
<section id="rules" class="g-mod g-attr">
<h2 class="tit"><a href="rules/index.htm">语法与规则 Rules and Syntax</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="rules/!important.htm">!important</a></li>
<li><a href="rules/comment.htm">comment</a></li>
<li><a href="rules/@import.htm" class="g-color-css3-change">@import</a></li>
<li><a href="rules/@charset.htm">@charset</a></li>
<li><a href="rules/@media.htm" class="g-color-css3-change">@media</a></li>
<li><a href="rules/@font-face.htm" class="g-color-css3-new">@font-face</a></li>
<li><a href="rules/@page.htm">@page</a></li>
<li><a href="rules/@keyframes.htm" class="g-color-css3-new">@keyframes</a></li>
<li><a href="rules/@supports.htm" class="g-color-css3-new">@supports</a></li>
</ul>
</div>
</section>
<section id="length" class="g-mod g-attr">
<h2 class="tit"><a href="values/length/index.htm">长度值与单位 Length Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/length/length.htm"><length></a></li>
<li><a href="values/length/em.htm">em</a></li>
<li><a href="values/length/ex.htm">ex</a></li>
<li><a href="values/length/ch.htm" class="g-color-css3-new">ch</a></li>
<li><a href="values/length/rem.htm" class="g-color-css3-new">rem</a></li>
<li><a href="values/length/vw.htm" class="g-color-css3-new">vw</a></li>
<li><a href="values/length/vh.htm" class="g-color-css3-new">vh</a></li>
<li><a href="values/length/vmax.htm" class="g-color-css3-new">vmax</a></li>
<li><a href="values/length/vmin.htm" class="g-color-css3-new">vmin</a></li>
<li><a href="values/length/cm.htm">cm</a></li>
<li><a href="values/length/mm.htm">mm</a></li>
<li><a href="values/length/q.htm" class="g-color-css3-new">q</a></li>
<li><a href="values/length/in.htm">in</a></li>
<li><a href="values/length/pt.htm">pt</a></li>
<li><a href="values/length/pc.htm">pc</a></li>
<li><a href="values/length/px.htm">px</a></li>
</ul>
</div>
</section>
<section id="angle" class="g-mod g-attr">
<h2 class="tit"><a href="values/angle/index.htm">角度值与单位 Angle Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/angle/angle.htm" class="g-color-css3-new"><angle></a></li>
<li><a href="values/angle/deg.htm" class="g-color-css3-new">deg</a></li>
<li><a href="values/angle/grad.htm" class="g-color-css3-new">grad</a></li>
<li><a href="values/angle/rad.htm" class="g-color-css3-new">rad</a></li>
<li><a href="values/angle/turn.htm" class="g-color-css3-new">turn</a></li>
</ul>
</div>
</section>
<section id="time" class="g-mod g-attr">
<h2 class="tit"><a href="values/time/index.htm">时间值与单位 Time Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/time/time.htm" class="g-color-css3-new"><time></a></li>
<li><a href="values/time/s.htm" class="g-color-css3-new">s</a></li>
<li><a href="values/time/ms.htm" class="g-color-css3-new">ms</a></li>
</ul>
</div>
</section>
<section id="frequency" class="g-mod g-attr">
<h2 class="tit"><a href="values/frequency/index.htm">频率值与单位 Frequency Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/frequency/frequency.htm" class="g-color-css3-new"><frequency></a></li>
<li><a href="values/frequency/hz.htm" class="g-color-css3-new">Hz</a></li>
<li><a href="values/frequency/khz.htm" class="g-color-css3-new">kHz</a></li>
</ul>
</div>
</section>
<section id="layout-specific" class="g-mod g-attr">
<h2 class="tit"><a href="values/layout-specific/index.htm">特殊布局值与单位 Layout-specific Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/layout-specific/fraction.htm" class="g-color-css3-new"><fraction></a></li>
<li><a href="values/layout-specific/grid.htm" class="g-color-css3-new"><grid></a></li>
<li><a href="values/layout-specific/fr.htm" class="g-color-css3-new">fr</a></li>
<li><a href="values/layout-specific/gr.htm" class="g-color-css3-new">gr</a></li>
</ul>
</div>
</section>
<section id="resolution" class="g-mod g-attr">
<h2 class="tit"><a href="values/resolution/index.htm">分辨率值与单位 Resolution Data Types and Units</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/resolution/resolution.htm" class="g-color-css3-new"><resolution></a></li>
<li><a href="values/resolution/dpi.htm" class="g-color-css3-new">dpi</a></li>
<li><a href="values/resolution/dpcm.htm" class="g-color-css3-new">dpcm</a></li>
<li><a href="values/resolution/dppx.htm" class="g-color-css3-new">dppx</a></li>
</ul>
</div>
</section>
<section id="color-data" class="g-mod g-attr">
<h2 class="tit"><a href="values/color/index.htm">颜色值 Color Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/color/color.htm" class="g-color-css3-change"><color></a></li>
<li><a href="values/color/color-name.htm">Color Name</a></li>
<li><a href="values/color/hex.htm">HEX</a></li>
<li><a href="values/color/rgb.htm">RGB</a></li>
<li><a href="values/color/rgba.htm" class="g-color-css3-new">RGBA</a></li>
<li><a href="values/color/hsl.htm" class="g-color-css3-new">HSL</a></li>
<li><a href="values/color/hsla.htm" class="g-color-css3-new">HSLA</a></li>
<li><a href="values/color/transparent.htm" class="g-color-css3-change">transparent</a></li>
<li><a href="values/color/currentColor.htm" class="g-color-css3-new">currentColor</a></li>
</ul>
</div>
</section>
<section id="textual" class="g-mod g-attr">
<h2 class="tit"><a href="values/textual/index.htm">文本值 Textual Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/textual/inherit.htm">inherit</a></li>
<li><a href="values/textual/initial.htm" class="g-color-css3-new">initial</a></li>
<li><a href="values/textual/unset.htm" class="g-color-css3-new">unset</a></li>
<li><a href="values/textual/string.htm"><string></a></li>
<li><a href="values/textual/url.htm"><url></a></li>
<li><a href="values/textual/identifier.htm"><identifier></a></li>
</ul>
</div>
</section>
<section id="functional" class="g-mod g-attr">
<h2 class="tit"><a href="values/functional/index.htm">函数值 Functional Notations Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/functional/calc().htm" class="g-color-css3-new">calc()</a></li>
<li><a href="values/functional/toggle().htm" class="g-color-css3-new">toggle()</a></li>
</ul>
</div>
</section>
<section id="content-value" class="g-mod g-attr">
<h2 class="tit"><a href="values/content/index.htm">生成内容值 Content Notations Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/content/counter().htm" class="g-color-css3-change">counter()</a></li>
<li><a href="values/content/counters().htm" class="g-color-css3-change">counters()</a></li>
<li><a href="values/content/attr().htm" class="g-color-css3-change">attr()</a></li>
</ul>
</div>
</section>
<section id="image" class="g-mod g-attr">
<h2 class="tit"><a href="values/image/index.htm">图像值 Image Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/image/image.htm" class="g-color-css3-change"><image></a></li>
<li><a href="values/image/image().htm" class="g-color-css3-new">image()</a></li>
<li><a href="values/image/image-set().htm" class="g-color-css3-new">image-set()</a></li>
<li><a href="values/image/gradient.htm" class="g-color-css3-new"><gradient></a></li>
<li><a href="values/image/linear-gradient().htm" class="g-color-css3-new">linear-gradient()</a></li>
<li><a href="values/image/radial-gradient().htm" class="g-color-css3-new">radial-gradient()</a></li>
<li><a href="values/image/repeating-linear-gradient().htm" class="g-color-css3-new">repeating-linear-gradient()</a></li>
<li><a href="values/image/repeating-radial-gradient().htm" class="g-color-css3-new">repeating-radial-gradient()</a></li>
</ul>
</div>
</section>
<section id="numeric" class="g-mod g-attr">
<h2 class="tit"><a href="values/numeric/index.htm">数字值 Numeric Data Types</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="values/numeric/number.htm"><number></a></li>
<li><a href="values/numeric/integer.htm"><integer></a></li>
<li><a href="values/numeric/percentage.htm"><percentage></a></li>
</ul>
</div>
</section>
<section id="appendix" class="g-mod g-attr">
<h2 class="tit"><a href="appendix/index.htm">附录 Appendix</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="appendix/color-keywords.htm">颜色关键字(Color Keywords)</a></li>
<li><a href="appendix/media-types.htm">媒体类型(Media Types)</a></li>
</ul>
</div>
</section>
<section id="hack" class="g-mod g-attr">
<h2 class="tit"><a href="hack/index.htm">常用CSS Hack</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="hack/conditions.htm">条件Hack</a></li>
<li><a href="hack/properties.htm">属性级Hack</a></li>
<li><a href="hack/selectors.htm">选择符级Hack</a></li>
</ul>
</div>
</section>
<section id="experience" class="g-mod g-attr">
<h2 class="tit"><a href="experience/index.htm">问题和经验</a></h2>
<div class="cont">
<ul class="g-list g-clear">
<li><a href="experience/refer.htm">参考资源列表</a></li>
<li><a href="experience/bugs.htm">Bugs和解决方案</a></li>
<li><a href="experience/skill.htm">技巧和经验</a></li>
<li><a href="experience/other.htm">其它经验</a></li>
</ul>
</div>
</section>
<section id="related" class="g-mod">
<p class="g-color-light"><strong class="g-color-css3-change">紫色</strong> 链接表示该属性在CSS3有修改或者增加了新的属性值；<strong class="g-color-css3-new">橙色</strong> 链接表示该属性是CSS3新增属性</p>
</section>
</section>
<footer id="ft">
<aside id="rights" class="g-mod">
<!-- 插入浏览器及版权信息 -->
</aside>
</footer>
<script src="js/jquery.js"></script>
<script src="js/inner.js"></script>
</body>
</html>
Loading...
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化