首页  >  取值与单位 Values and Units  >  生成内容(Content)  >  attr() 源码下载

版本 : CSS2/CSS3 attr()

语法:

attr() = attr(attr-name)

说明:

插入元素的属性值。
  • 在CSS2.1中attr()总是返回一个字符串。在CSS3中attr()可以返回多种不同的类型。
  • 在CSS2.1中可以这样使用:

    示例代码:

    a:after { content: "("attr(href)")"; font-size: 12px; } </div> </li> </ul> </div> </div><div id="compatible" class="g-mod g-attr"> <h2 class="tit">兼容性:</h2> <div class="cont"> <ul class="support-type"> <li><span class="support">浅绿</span> = 支持</li> <li><span class="unsupport">红色</span> = 不支持</li> <li><span class="partsupport">粉色</span> = 部分支持</li> </ul> <table class="g-data"> <thead> <tr> <th>IE</th> <th>Firefox</th> <th>Chrome</th> <th>Safari</th> <th>Opera</th> <th>iOS Safari</th> <th>Android Browser</th> <th>Android Chrome</th> </tr> </thead> <tbody> <tr> <td class="unsupport">6.0-7.0</td> <td class="support" rowspan="2">2.0+</td> <td class="support" rowspan="2">4.0+</td> <td class="support" rowspan="2">3.1+</td> <td class="support" rowspan="2">15.0+</td> <td class="support" rowspan="2">3.2+</td> <td class="support" rowspan="2">2.1+</td> <td class="support" rowspan="2">18.0+</td> </tr> <tr> <td class="support">8.0+</td> </tr> </tbody> </table> </div> </div> </div> <div class="navigation clearfix"> <span class="alignleft">上一篇:<a href="http://css.cuishifeng.cn/counters().html">counters()</a></span> <span class="alignright">下一篇:<a href="http://css.cuishifeng.cn/image.html">&amp;lt;image&amp;gt;</a></span> </div> <div class="donate-con"> <div class="donate-btn">捐助</div> <div class="donate-body"> <div class="donate-tips">本站为非盈利网站,所有的捐赠收入将用于支付带宽、服务器费用,您的支持将是本站撑下去的最大动力!</div> <div class="donate-img"><a href="http://css.cuishifeng.cn/source.html" target="_blank"> <img src="/images/qr_code_55986b6.png" height="350" width="350" alt=""></a> </div> </div> </div> </div><!-- main-wraper end --> <footer id="footer-con" class="footer" > <p id="footer">Copyright &copy; <a href="http://www.cuishifeng.cn" target="_blank">Shifone</a> &nbsp;&nbsp; 2012 - 2017 &nbsp;&nbsp; All rights reserved.</p> </footer> <div id="frame-loader"> </div> </div><!-- main -container end --> <aside class="left-panel left-panel-hide" id="left-panel"> <div class="auto-query-con"> <input type="text" name="query" id="autoquery" placeholder="请输入关键字"/> </div> <nav class="navigation"> <ul id="main-menu" class="main-menu"> <li class="" id="menu-home"> <a class="menu-title" id="dashboard-menu" href="index.html"> <i class="fa fa-home"></i><span class="nav-label">Dashboard</span> </a> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">定位布局</span></a> <ul class="sub-menu"> <li><a class="css_change" href="position.html">position</a><sup>CSS3*</sup></li> <li><a href="z-index.html">z-index</a></li> <li><a href="top.html">top</a></li> <li><a href="right.html">right</a></li> <li><a href="bottom.html">bottom</a></li> <li><a href="left.html">left</a></li> <li><a class="css_change" href="clip.html">clip</a><sup>CSS3*</sup></li> <li><a class="css_change" href="display.html">display</a><sup>CSS3*</sup></li> <li><a href="float.html">float</a></li> <li><a href="clear.html">clear</a></li> <li><a href="visibility.html">visibility</a></li> <li><a class="css_change" href="overflow.html">overflow</a><sup>CSS3*</sup></li> <li><a class="css_change" href="overflow-x.html">overflow-x</a><sup>CSS3*</sup></li> <li><a class="css_change" href="overflow-y.html">overflow-y</a><sup>CSS3*</sup></li> <li><a href="width.html">width</a></li> <li><a href="min-width.html">min-width</a></li> <li><a href="max-width.html">max-width</a></li> <li><a href="height.html">height</a></li> <li><a href="min-height.html">min-height</a></li> <li><a href="max-height.html">max-height</a></li> <li><a href="margin.html">margin</a></li> <li><a href="margin-top.html">margin-top</a></li> <li><a href="margin-right.html">margin-right</a></li> <li><a href="margin-bottom.html">margin-bottom</a></li> <li><a href="margin-left.html">margin-left</a></li> <li><a href="padding.html">padding</a></li> <li><a href="padding-top.html">padding-top</a></li> <li><a href="padding-right.html">padding-right</a></li> <li><a href="padding-bottom.html">padding-bottom</a></li> <li><a href="padding-left.html">padding-left</a></li> <li><a href="border.html">border</a></li> <li><a href="border-width.html">border-width</a></li> <li><a href="border-style.html">border-style</a></li> <li><a href="border-color.html">border-color</a></li> <li><a href="border-top.html">border-top</a></li> <li><a href="border-top-width.html">border-top-width</a></li> <li><a href="border-top-style.html">border-top-style</a></li> <li><a href="border-top-color.html">border-top-color</a></li> <li><a href="border-right.html">border-right</a></li> <li><a href="border-right-width.html">border-right-width</a></li> <li><a href="border-right-style.html">border-right-style</a></li> <li><a href="border-right-color.html">border-right-color</a></li> <li><a href="border-bottom.html">border-bottom</a></li> <li><a href="border-bottom-width.html">border-bottom-width</a></li> <li><a href="border-bottom-style.html">border-bottom-style</a></li> <li><a href="border-bottom-color.html">border-bottom-color</a></li> <li><a href="border-left.html">border-left</a></li> <li><a href="border-left-width.html">border-left-width</a></li> <li><a href="border-left-style.html">border-left-style</a></li> <li><a href="border-left-color.html">border-left-color</a></li> <li><a class="css_new" href="border-radius.html">border-radius</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-top-left-radius.html">border-top-left-radius</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="border-top-right-radius.html">border-top-right-radius</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-bottom-right-radius.html">border-bottom-right-radius</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-bottom-left-radius.html">border-bottom-left-radius</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-shadow.html">box-shadow</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image.html">border-image</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image-source.html">border-image-source</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image-slice.html">border-image-slice</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image-width.html">border-image-width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image-outset.html">border-image-outset</a><sup>CSS3+</sup></li> <li><a class="css_new" href="border-image-repeat.html">border-image-repeat</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-orient.html">box-orient</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-pack.html">box-pack</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-align.html">box-align</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-flex.html">box-flex</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-flex-group.html">box-flex-group</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-ordinal-group.html">box-ordinal-group</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-direction.html">box-direction</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-lines.html">box-lines</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex.html">flex</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-grow.html">flex-grow</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-shrink.html">flex-shrink</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-basis.html">flex-basis</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-flow.html">flex-flow</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-direction.html">flex-direction</a><sup>CSS3+</sup></li> <li><a class="css_new" href="flex-wrap.html">flex-wrap</a><sup>CSS3+</sup></li> <li><a class="css_new" href="align-content.html">align-content</a><sup>CSS3+</sup></li> <li><a class="css_new" href="align-items.html">align-items</a><sup>CSS3+</sup></li> <li><a class="css_new" href="align-self.html">align-self</a><sup>CSS3+</sup></li> <li><a class="css_new" href="justify-content.html">justify-content</a><sup>CSS3+</sup></li> <li><a class="css_new" href="order.html">order</a><sup>CSS3+</sup></li> <li><a class="css_new" href="fraction.html">&lt;fraction&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="grid2.html">&lt;grid&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="fr.html">fr</a><sup>CSS3+</sup></li> <li><a class="css_new" href="gr.html">gr</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">选择器</span></a> <ul class="sub-menu"> <li><a href="all.html">通配选择符(*)</a></li> <li><a href="e.html">类型选择符(E)</a></li> <li><a href="id.html">ID选择符(E#id)</a></li> <li><a href="class.html">类选择符(E.class)</a></li> <li><a href="ef.html">包含选择符(E F)</a></li> <li><a href="e-child-f.html">子选择符(E&gt;F)</a></li> <li><a href="e-adjacent-f.html">相邻选择符(E+F)</a></li> <li><a class="css_new" href="e-brother-f.html">兄弟选择符(E~F)</a><sup>CSS3+</sup></li> <li><a href="att.html">E[att]</a></li> <li><a href="att2.html">E[att=&quot;val&quot;]</a></li> <li><a href="att3.html">E[att~=&quot;val&quot;]</a></li> <li><a class="css_new" href="att4.html">E[att^=&quot;val&quot;]</a><sup>CSS3+</sup></li> <li><a class="css_new" href="att5.html">E[att$=&quot;val&quot;]</a><sup>CSS3+</sup></li> <li><a class="css_new" href="att6.html">E[att*=&quot;val&quot;]</a><sup>CSS3+</sup></li> <li><a href="att7.html">E[att|=&quot;val&quot;]</a></li> <li><a href="link.html">E:link</a></li> <li><a href="visited.html">E:visited</a></li> <li><a href="hover.html">E:hover</a></li> <li><a href="active.html">E:active</a></li> <li><a href="focus.html">E:focus</a></li> <li><a href="lang(fr).html">E:lang(fr)</a></li> <li><a class="css_new" href="not(s).html">E:not(s)</a><sup>CSS3+</sup></li> <li><a class="css_new" href="root.html">E:root</a><sup>CSS3+</sup></li> <li><a href="first-child.html">E:first-child</a></li> <li><a class="css_new" href="last-child.html">E:last-child</a><sup>CSS3+</sup></li> <li><a class="css_new" href="only-child.html">E:only-child</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nth-child(n).html">E:nth-child(n)</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nth-last-child(n).html">E:nth-last-child(n)</a><sup>CSS3+</sup></li> <li><a class="css_new" href="first-of-type.html">E:first-of-type</a><sup>CSS3+</sup></li> <li><a class="css_new" href="last-of-type.html">E:last-of-type</a><sup>CSS3+</sup></li> <li><a class="css_new" href="only-of-type.html">E:only-of-type</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nth-of-type(n).html">E:nth-of-type(n)</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nth-last-of-type(n).html">E:nth-last-of-type(n)</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="empty.html">E:empty</a><sup>CSS3+</sup></li> <li><a class="css_new" href="checked.html">E:checked</a><sup>CSS3+</sup></li> <li><a class="css_new" href="enabled.html">E:enabled</a><sup>CSS3+</sup></li> <li><a class="css_new" href="disabled.html">E:disabled</a><sup>CSS3+</sup></li> <li><a class="css_new" href="target.html">E:target</a><sup>CSS3+</sup></li> <li><a href="@page-first.html">@page:first</a></li> <li><a href="@page-left.html">@page:left</a></li> <li><a href="@page-right.html">@page:right</a></li> <li><a class="css_change" href="first-letter.html">E:first-letter/E::first-letter</a><sup>CSS3*</sup></li> <li><a class="css_change" href="first-line.html">E:first-line/E::first-line</a><sup>CSS3*</sup></li> <li><a class="css_change" href="before.html">E:before/E::before</a><sup>CSS3*</sup></li> <li><a class="css_change" href="after.html">E:after/E::after</a><sup>CSS3*</sup></li> <li><a class="css_new" href="placeholder.html">E::placeholder</a><sup>CSS3+</sup></li> <li><a class="css_new" href="selection.html">E::selection</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">颜色背景</span></a> <ul class="sub-menu"> <li><a class="css_change" href="background.html">background</a><sup>CSS3*</sup></li> <li><a href="background-color.html">background-color</a></li> <li><a class="css_change" href="background-image.html">background-image</a><sup>CSS3*</sup></li> <li><a class="css_change" href="background-repeat.html">background-repeat</a><sup>CSS3*</sup></li> <li><a class="css_change" href="background-attachment.html">background-attachment</a><sup>CSS3*</sup></li> <li><a class="css_change" href="background-position.html">background-position</a><sup>CSS3*</sup> </li> <li><a class="css_new" href="background-origin.html">background-origin</a><sup>CSS3+</sup></li> <li><a class="css_new" href="background-clip.html">background-clip</a><sup>CSS3+</sup></li> <li><a class="css_new" href="background-size.html">background-size</a><sup>CSS3+</sup></li> <li><a href="color.html">color</a></li> <li><a class="css_new" href="opacity.html">opacity</a><sup>CSS3+</sup></li> <li><a class="css_change" href="color3.html">&lt;color&gt;</a><sup>CSS3*</sup></li> <li><a href="color-name.html">Color Name</a></li> <li><a href="hex.html">HEX</a></li> <li><a href="rgb.html">RGB</a></li> <li><a class="css_new" href="rgba.html">RGBA</a><sup>CSS3+</sup></li> <li><a class="css_new" href="hsl.html">HSL</a><sup>CSS3+</sup></li> <li><a class="css_new" href="hsla.html">HSLA</a><sup>CSS3+</sup></li> <li><a class="css_change" href="transparent.html">transparent</a><sup>CSS3*</sup></li> <li><a class="css_new" href="currentColor.html">currentColor</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">文本字体</span></a> <ul class="sub-menu"> <li><a href="font.html">font</a></li> <li><a href="font-style.html">font-style</a></li> <li><a href="font-variant.html">font-variant</a></li> <li><a href="font-weight.html">font-weight</a></li> <li><a href="font-size.html">font-size</a></li> <li><a href="font-family.html">font-family</a></li> <li><a class="css_new" href="font-stretch.html">font-stretch</a><sup>CSS3+</sup></li> <li><a class="css_new" href="font-size-adjust.html">font-size-adjust</a><sup>CSS3+</sup></li> <li><a class="css_change" href="text-transform.html">text-transform</a><sup>CSS3*</sup></li> <li><a href="white-space.html">white-space</a></li> <li><a class="css_new" href="tab-size.html">tab-size</a><sup>CSS3+</sup></li> <li><a class="css_new" href="word-break.html">word-break</a><sup>CSS3+</sup></li> <li><a class="css_new" href="word-wrap.html">word-wrap</a><sup>CSS3+</sup></li> <li><a class="css_new" href="overflow-wrap.html">overflow-wrap</a><sup>CSS3+</sup></li> <li><a class="css_change" href="text-align.html">text-align</a><sup>CSS3*</sup></li> <li><a class="css_new" href="text-align-last.html">text-align-last</a><sup>CSS3+</sup></li> <li><a class="css_new" href="text-justify.html">text-justify</a><sup>CSS3+</sup></li> <li><a class="css_change" href="word-spacing.html">word-spacing</a><sup>CSS3*</sup></li> <li><a class="css_change" href="letter-spacing.html">letter-spacing</a><sup>CSS3*</sup></li> <li><a class="css_change" href="text-indent.html">text-indent</a><sup>CSS3*</sup></li> <li><a href="vertical-align.html">vertical-align</a></li> <li><a href="line-height.html">line-height</a></li> <li><a class="css_new" href="text-size-adjust.html">text-size-adjust</a><sup>CSS3+</sup></li> <li><a class="css_change" href="text-decoration.html">text-decoration</a><sup>CSS3*</sup></li> <li><a class="css_new" href="text-decoration-line.html">text-decoration-line</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="text-decoration-color.html">text-decoration-color</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="text-decoration-style.html">text-decoration-style</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="text-decoration-skip.html">text-decoration-skip</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="text-underline-position.html">text-underline-position</a><sup>CSS3+</sup></li> <li><a class="css_new" href="text-shadow.html">text-shadow</a><sup>CSS3+</sup></li> <li><a href="direction.html">direction</a></li> <li><a class="css_change" href="unicode-bidi.html">unicode-bidi</a><sup>CSS3*</sup></li> <li><a class="css_new" href="writing-mode.html">writing-mode</a><sup>CSS3+</sup></li> <li><a href="content.html">content</a></li> <li><a href="counter-increment.html">counter-increment</a></li> <li><a href="counter-reset.html">counter-reset</a></li> <li><a href="quotes.html">quotes</a></li> <li><a href="inherit.html">inherit</a></li> <li><a class="css_new" href="initial.html">initial</a><sup>CSS3+</sup></li> <li><a class="css_new" href="unset.html">unset</a><sup>CSS3+</sup></li> <li><a href="string.html">&lt;string&gt;</a></li> <li><a href="url.html">&lt;url&gt;</a></li> <li><a href="identifier.html">&lt;identifier&gt;</a></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">列表表格</span></a> <ul class="sub-menu"> <li><a href="list-style.html">list-style</a></li> <li><a href="list-style-image.html">list-style-image</a></li> <li><a href="list-style-position.html">list-style-position</a></li> <li><a href="list-style-type.html">list-style-type</a></li> <li><a href="table-layout.html">table-layout</a></li> <li><a href="border-collapse.html">border-collapse</a></li> <li><a href="border-spacing.html">border-spacing</a></li> <li><a href="caption-side.html">caption-side</a></li> <li><a href="empty-cells.html">empty-cells</a></li> <li><a class="css_new" href="columns.html">columns</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-width.html">column-width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-count.html">column-count</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-gap.html">column-gap</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-rule.html">column-rule</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-rule-width.html">column-rule-width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-rule-style.html">column-rule-style</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-rule-color.html">column-rule-color</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-span.html">column-span</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-fill.html">column-fill</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-break-before.html">column-break-before</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-break-after.html">column-break-after</a><sup>CSS3+</sup></li> <li><a class="css_new" href="column-break-inside.html">column-break-inside</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">用户界面</span></a> <ul class="sub-menu"> <li><a class="css_new" href="appearance.html">appearance</a><sup>CSS3+</sup></li> <li><a class="css_new" href="text-overflow.html">text-overflow</a><sup>CSS3+</sup></li> <li><a href="outline.html">outline</a></li> <li><a href="outline-width.html">outline-width</a></li> <li><a href="outline-color.html">outline-color</a></li> <li><a href="outline-style.html">outline-style</a></li> <li><a class="css_new" href="outline-offset.html">outline-offset</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nav-index.html">nav-index</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nav-up.html">nav-up</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nav-right.html">nav-right</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nav-down.html">nav-down</a><sup>CSS3+</sup></li> <li><a class="css_new" href="nav-left.html">nav-left</a><sup>CSS3+</sup></li> <li><a href="cursor.html">cursor</a></li> <li><a class="css_new" href="zoom.html">zoom</a><sup>CSS3+</sup></li> <li><a class="css_new" href="box-sizing.html">box-sizing</a><sup>CSS3+</sup></li> <li><a class="css_new" href="resize.html">resize</a><sup>CSS3+</sup></li> <li><a class="css_new" href="ime-mode.html">ime-mode</a><sup>CSS3+</sup></li> <li><a class="css_new" href="user-select.html">user-select</a><sup>CSS3+</sup></li> <li><a class="css_new" href="pointer-events.html">pointer-events</a><sup>CSS3+</sup></li> <li><a class="css_change" href="image.html">&lt;image&gt;</a><sup>CSS3*</sup></li> <li><a class="css_new" href="image().html">image()</a><sup>CSS3+</sup></li> <li><a class="css_new" href="image-set().html">image-set()</a><sup>CSS3+</sup></li> <li><a class="css_new" href="gradient.html">&lt;gradient&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="linear-gradient().html">linear-gradient()</a><sup>CSS3+</sup></li> <li><a class="css_new" href="radial-gradient().html">radial-gradient()</a><sup>CSS3+</sup></li> <li><a class="css_new" href="repeating-linear-gradient().html">repeating-linear-gradient()</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="repeating-radial-gradient().html">repeating-radial-gradient()</a><sup>CSS3+</sup> </li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">动画过渡</span></a> <ul class="sub-menu"> <li><a class="css_new" href="transform.html">transform</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transform-origin.html">transform-origin</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transform-style.html">transform-style</a><sup>CSS3+</sup></li> <li><a class="css_new" href="perspective.html">perspective</a><sup>CSS3+</sup></li> <li><a class="css_new" href="perspective-origin.html">perspective-origin</a><sup>CSS3+</sup></li> <li><a class="css_new" href="backface-visibility.html">backface-visibility</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transition.html">transition</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transition-property.html">transition-property</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transition-duration.html">transition-duration</a><sup>CSS3+</sup></li> <li><a class="css_new" href="transition-timing-function.html">transition-timing-function</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="transition-delay.html">transition-delay</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation.html">animation</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-name.html">animation-name</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-duration.html">animation-duration</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-timing-function.html">animation-timing-function</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-delay.html">animation-delay</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-iteration-count.html">animation-iteration-count</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-direction.html">animation-direction</a><sup>CSS3+</sup></li> <li><a class="css_new" href="animation-play-state.html">animation-play-state</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="animation-fill-mode.html">animation-fill-mode</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">媒体载体</span></a> <ul class="sub-menu"> <li><a class="css_new" href="page.html">page</a><sup>CSS3+</sup></li> <li><a href="page-break-before.html">page-break-before</a></li> <li><a href="page-break-after.html">page-break-after</a></li> <li><a href="page-break-inside.html">page-break-inside</a></li> <li><a class="css_new" href="width2.html">width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="height2.html">height</a><sup>CSS3+</sup></li> <li><a class="css_new" href="device-width.html">device-width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="device-height.html">device-height</a><sup>CSS3+</sup></li> <li><a class="css_new" href="orientation.html">orientation</a><sup>CSS3+</sup></li> <li><a class="css_new" href="aspect-ratio.html">aspect-ratio</a><sup>CSS3+</sup></li> <li><a class="css_new" href="device-aspect-ratio.html">device-aspect-ratio</a><sup>CSS3+</sup></li> <li><a class="css_new" href="color2.html">color</a><sup>CSS3+</sup></li> <li><a class="css_new" href="color-index.html">color-index</a><sup>CSS3+</sup></li> <li><a class="css_new" href="monochrome.html">monochrome</a><sup>CSS3+</sup></li> <li><a class="css_new" href="resolution.html">resolution</a><sup>CSS3+</sup></li> <li><a class="css_new" href="scan.html">scan</a><sup>CSS3+</sup></li> <li><a class="css_new" href="grid.html">grid</a><sup>CSS3+</sup></li> <li><a href="scrollbar-3dlight-color.html">scrollbar-3dlight-color</a></li> <li><a href="scrollbar-darkshadow-color.html">scrollbar-darkshadow-color</a></li> <li><a href="scrollbar-highlight-color.html">scrollbar-highlight-color</a></li> <li><a href="scrollbar-shadow-color.html">scrollbar-shadow-color</a></li> <li><a href="scrollbar-arrow-color.html">scrollbar-arrow-color</a></li> <li><a href="scrollbar-face-color.html">scrollbar-face-color</a></li> <li><a href="scrollbar-track-color.html">scrollbar-track-color</a></li> <li><a href="scrollbar-base-color.html">scrollbar-base-color</a></li> <li><a href="filter.html">filter</a></li> <li><a href="behavior.html">behavior</a></li> <li><a class="css_new" href="-webkit-text-fill-color.html">-webkit-text-fill-color</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-text-stroke.html">-webkit-text-stroke</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-text-stroke-width.html">-webkit-text-stroke-width</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-text-stroke-color.html">-webkit-text-stroke-color</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-box-reflect.html">-webkit-box-reflect</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-tap-highlight-color.html">-webkit-tap-highlight-color</a><sup>CSS3+</sup> </li> <li><a class="css_new" href="-webkit-user-drag.html">-webkit-user-drag</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-line-clamp.html">-webkit-line-clamp</a><sup>CSS3+</sup></li> <li><a class="css_new" href="-webkit-overflow-scrolling.html">-webkit-overflow-scrolling</a><sup>CSS3+</sup> </li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">长度单位</span></a> <ul class="sub-menu"> <li><a href="length.html">&lt;length&gt;</a></li> <li><a href="em.html">em</a></li> <li><a href="ex.html">ex</a></li> <li><a class="css_new" href="ch.html">ch</a><sup>CSS3+</sup></li> <li><a class="css_new" href="rem.html">rem</a><sup>CSS3+</sup></li> <li><a class="css_new" href="vw.html">vw</a><sup>CSS3+</sup></li> <li><a class="css_new" href="vh.html">vh</a><sup>CSS3+</sup></li> <li><a class="css_new" href="vmax.html">vmax</a><sup>CSS3+</sup></li> <li><a class="css_new" href="vmin.html">vmin</a><sup>CSS3+</sup></li> <li><a href="cm.html">cm</a></li> <li><a href="mm.html">mm</a></li> <li><a href="q.html">q</a></li> <li><a href="in.html">in</a></li> <li><a href="pt.html">pt</a></li> <li><a href="pc.html">pc</a></li> <li><a href="px.html">px</a></li> <li><a class="css_new" href="angle.html">&lt;angle&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="deg.html">deg</a><sup>CSS3+</sup></li> <li><a class="css_new" href="grad.html">grad</a><sup>CSS3+</sup></li> <li><a class="css_new" href="rad.html">rad</a><sup>CSS3+</sup></li> <li><a class="css_new" href="turn.html">turn</a><sup>CSS3+</sup></li> <li><a class="css_new" href="time.html">&lt;time&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="s.html">s</a><sup>CSS3+</sup></li> <li><a class="css_new" href="ms.html">ms</a><sup>CSS3+</sup></li> <li><a class="css_new" href="frequency.html">&lt;frequency&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="hz.html">Hz</a><sup>CSS3+</sup></li> <li><a class="css_new" href="khz.html">kHz</a><sup>CSS3+</sup></li> <li><a class="css_new" href="resolution2.html">&lt;resolution&gt;</a><sup>CSS3+</sup></li> <li><a class="css_new" href="dpi.html">dpi</a><sup>CSS3+</sup></li> <li><a class="css_new" href="dpcm.html">dpcm</a><sup>CSS3+</sup></li> <li><a class="css_new" href="dppx.html">dppx</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">语法与规则</span></a> <ul class="sub-menu"> <li><a href="!important.html">!important</a></li> <li><a href="comment.html">/*comment*/</a></li> <li><a class="css_change" href="@import.html">@import</a><sup>CSS3*</sup></li> <li><a href="@charset.html">@charset</a></li> <li><a class="css_change" href="@media.html">@media</a><sup>CSS3*</sup></li> <li><a class="css_new" href="@font-face.html">@font-face</a><sup>CSS3+</sup></li> <li><a href="@page.html">@page</a></li> <li><a class="css_new" href="@keyframes.html">@keyframes</a><sup>CSS3+</sup></li> <li><a class="css_new" href="@supports.html">@supports</a><sup>CSS3+</sup></li> </ul> </li> <li class="has-submenu"> <a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">杂项</span></a> <ul class="sub-menu"> <li><a class="css_new" href="calc().html">calc()</a><sup>CSS3+</sup></li> <li><a class="css_new" href="toggle().html">toggle()</a><sup>CSS3+</sup></li> <li><a class="css_change" href="counter().html">counter()</a><sup>CSS3*</sup></li> <li><a class="css_change" href="counters().html">counters()</a><sup>CSS3*</sup></li> <li><a class="css_change" href="attr().html">attr()</a><sup>CSS3*</sup></li> <li><a href="number.html">&lt;number&gt;</a></li> <li><a href="integer.html">&lt;integer&gt;</a></li> <li><a href="percentage.html">&lt;percentage&gt;</a></li> </ul> </li> <li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">CSS Hack</span></a> <ul class="sub-menu"> <li><a href="conditions.html">条件Hack</a></li> <li><a href="properties.html">属性级Hack</a></li> <li><a href="selectors.html">选择符级Hack</a></li> </ul> </li> <li> <a class="menu-title" href="http://jquery.cuishifeng.cn" target="_blank"> <i class="fa fa-leaf"></i> <span class="nav-label">jQuery中文API</span> </a> </li> <li> <a class="menu-title" href="http://www.cuishifeng.cn/go/card" target="_blank"> <i class="fa fa-card"></i> <span class="nav-label">信用卡优惠</span> </a> </li> </ul> </nav> </aside> <!-- left aside end --> <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> <script src="http://css.cuishifeng.cn/js/jquery.autocomplete_2e9587b.js"></script> <script src="http://css.cuishifeng.cn/js/jquery.mousewheel_608c2df.js"></script> <script src="http://css.cuishifeng.cn/js/jquery.mCustomScrollbar_c165b26.js"></script> <script src="http://css.cuishifeng.cn/js/shifone_b5ef82f.js"></script> <div class="tongji"> <script>"use strict";var _hmt=_hmt||[];!function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?84fd725ef982fe94e8188ff315a28f4a";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();</script> </div> </body> </html>