<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="keywords" content="Web Designing,Web Standards,博学多彩,CSS Layout Example,CSS Web Design,CSS2.0 Reference Online"><meta name="description" content="CSS2.0 Reference Online 博学多彩 CSS Layout Example">
<title>CSS在线手册 - CSS2.0 Reference Online - [www.bo-x.cn]</title>
</head>
<frameset cols="20%,*">
<frame name="dir" target="main" src="dir.htm">
<frame name="main" src="default.html">
<noframes>
<body>
<p>此网页使用了框架,但您的浏览器不支持框架。</p>
<style>
Ul{margin-left:18px;}
a{font-family:verdana;font-size:11px;}
</style>
<UL style="padding-left:-10px;">
<LI> <a href="default.html">属性 Properties</a>
<UL>
<LI> <a href="d_font.html">字体 Font</a>
<UL>
<LI> <a href="c_font.html">font</a>
<LI> <a href="c_color.html">color</a>
<LI> <a href="c_fontfamily.html">font-family</a>
<LI> <a href="c_fontsize.html">font-size</a>
<LI> <a href="c_fontsizeadjust.html">font-size-adjust</a>
<LI> <a href="c_fontstretch.html">font-stretch</a>
<LI> <a href="c_fontstyle.html">font-style</a>
<LI> <a href="c_fontweight.html">font-weight</a>
<LI> <a href="c_textdecoration.html">text-decoration</a>
<LI> <a href="c_textunderlineposition.html">text-underline-position</a>
<LI> <a href="c_textshadow.html">text-shadow</a>
<LI> <a href="c_fontvariant.html">font-variant</a>
<LI> <a href="c_texttransform.html">text-transform</a>
<LI> <a href="c_lineheight.html">line-height</a>
<LI> <a href="c_letterspacing.html">letter-spacing</a>
<LI> <a href="c_wordspacing.html">word-spacing</a>
</UL>
<LI> <a href="d_text.html">文本 Text</a>
<UL>
<LI> <a href="c_textindent.html">text-indent</a>
<LI> <a href="c_textoverflow.html">text-overflow</a>
<LI> <a href="c_verticalalign.html">vertical-align</a>
<LI> <a href="c_textalign.html">text-align</a>
<LI> <a href="c_layoutflow.html">layout-flow</a>
<LI> <a href="c_writingmode.html">writing-mode</a>
<LI> <a href="c_direction.html">direction</a>
<LI> <a href="c_unicodebidi.html">unicode-bidi</a>
<LI> <a href="c_wordbreak.html">word-break</a>
<LI> <a href="c_linebreak.html">line-break</a>
<LI> <a href="c_whitespace.html">white-space</a>
<LI> <a href="c_wordwrap.html">word-wrap</a>
<LI> <a href="c_textautospace.html">text-autospace</a>
<LI> <a href="c_textkashidaspace.html">text-kashida-space</a>
<LI> <a href="c_textjustify.html">text-justify</a>
<LI> <a href="c_rubyalign.html">ruby-align</a>
<LI> <a href="c_rubyoverhang.html">ruby-overhang</a>
<LI> <a href="c_rubyposition.html">ruby-position</a>
<LI> <a href="c_imemode.html">ime-mode</a>
<LI> <a href="c_layoutgrid.html">layout-grid</a>
<LI> <a href="c_layoutgridchar.html">layout-grid-char</a>
<LI> <a href="c_layoutgridcharspacing.html">layout-grid-char-spacing</a>
<LI> <a href="c_layoutgridline.html">layout-grid-line</a>
<LI> <a href="c_layoutgridmode.html">layout-grid-mode</a>
<LI> <a href="c_layoutgridtype.html"">layout-grid-type</a>
</UL>
<LI> <a href="d_background.html">背景 Background</a>
<UL>
<LI> <a href="c_background.html">background</a>
<LI> <a href="c_backgroundattachment.html">background-attachment</a>
<LI> <a href="c_backgroundcolor.html">background-color</a>
<LI> <a href="c_backgroundimage.html">background-image</a>
<LI> <a href="c_backgroundposition.html">background-position</a>
<LI> <a href="c_backgroundpositionx.html">background-positionX</a>
<LI> <a href="c_backgroundpositionY.html">background-positionY</a>
<LI> <a href="c_backgroundrepeat.html">background-repeat</a>
<LI> <a href="c_layerbackgroundcolor.html">layer-background-color</a>
<LI> <a href="c_layerbackgroundimage.html">layer-background-image</a>
</UL>
<LI> <a href="d_positioning.html">定位 Positioning</a>
<UL>
<LI> <a href="c_position.html">position</a>
<LI> <a href="c_zindex.html">z-index</a>
<LI> <a href="c_top.html">top</a>
<LI> <a href="c_right.html">right</a>
<LI> <a href="c_bottom.html">bottom</a>
<LI> <a href="c_left.html">left</a>
</UL>
<LI> <a href="d_dimensions.html">尺寸 Dimensions</a>
<UL>
<LI> <a href="c_height.html">height</a>
<LI> <a href="c_maxheight.html">max-height</a>
<LI> <a href="c_minheight.html">min-height</a>
<LI> <a href="c_width.html">width</a>
<LI> <a href="c_maxwidth.html">max-width</a>
<LI> <a href="c_minwidth.html">min-width</a>
</UL>
<LI> <a href="d_layout.html">布局 Layout</a>
<UL>
<LI> <a href="c_clear.html">clear</a>
<LI> <a href="c_float.html">float</a>
<LI> <a href="c_clip.html">clip</a>
<LI> <a href="c_overflow.html">overflow</a>
<LI> <a href="c_overflowx.html">overflow-x</a>
<LI> <a href="c_overflowy.html">overflow-y</a>
<LI> <a href="c_display.html">display</a>
<LI> <a href="c_visibility.html">visibility</a>
</UL>
<LI> <a href="d_margins.html">外补丁 Margins </a>
<UL>
<LI> <a href="c_margin.html">margin</a>
<LI> <a href="c_margintop.html">margin-top</a>
<LI> <a href="c_marginright.html">margin-right</a>
<LI> <a href="c_marginbottom.html">margin-bottom</a>
<LI> <a href="c_marginleft.html">margin-left</a>
</UL>
<LI> <a href="d_outlines.html">轮廓 Outlines</a>
<UL>
<LI> <a href="c_outline.html">outline</a>
<LI> <a href="c_outlinecolor.html">outline-color</a>
<LI> <a href="c_outlinestyle.html">outline-style</a>
<LI> <a href="c_outlinewidth.html">outline-width</a>
</UL>
<LI> <a href="d_border.html">边框 border</a>
<UL>
<LI> <a href="c_border.html">border</a>
<LI> <a href="c_bordercolor.html">border-color</a>
<LI> <a href="c_borderstyle.html">border-style</a>
<LI> <a href="c_borderwidth.html">border-width</a>
<LI> <a href="c_bordertop.html">border-top</a>
<LI> <a href="c_bordertopcolor.html">border-top-color</a>
<LI> <a href="c_bordertopstyle.html">border-top-style</a>
<LI> <a href="c_bordertopwidth.html">border-top-width</a>
<LI> <a href="c_borderright.html">border-right</a>
<LI> <a href="c_borderrightcolor.html">border-right-color</a>
<LI> <a href="c_borderrightstyle.html">border-right-style</a>
<LI> <a href="c_borderrightwidth.html">border-right-width</a>
<LI> <a href="c_borderbottom.html">border-bottom</a>
<LI> <a href="c_borderbottomcolor.html">border-bottom-color</a>
<LI> <a href="c_borderbottomstyle.html">border-bottom-style</a>
<LI> <a href="c_borderbottomwidth.html">border-bottom-width</a>
<LI> <a href="c_borderleft.html">border-left</a>
<LI> <a href="c_borderleftcolor.html">border-left-color</a>
<LI> <a href="c_borderleftstyle.html">border-left-style</a>
<LI> <a href="c_borderleftwidth.html">border-left-width</a>
</UL>
<LI> <a href="d_content.html">内容 Generated Content</a>
<UL>
<LI> <a href="c_includesource.html">include-source</a>
<LI> <a href="c_quotes.html">quotes</a>
<LI> <a href="c_content.html">content</a>
<LI> <a href="c_counterincrement.html">counter-increment</a>
<LI> <a href="c_counterreset.html">counter-reset</a>
</UL>
<LI> <a href="d_paddings.html">内补丁 Paddings</a>
<UL>
<LI> <a href="c_padding.html">padding</a>
<LI> <a href="c_paddingtop.html">padding-top</a>
<LI> <a href="c_paddingright.html">padding-right</a>
<LI> <a href="c_paddingbottom.html">padding-bottom</a>
<LI> <a href="c_paddingleft.html">padding-left</a>
</UL>
<LI> <a href="d_lists.html">列表 Lists</a>
<UL>
<LI> <a href="c_liststyle.html">list-style</a>
<LI> <a href="c_liststyleimage.html">list-style-image</a>
<LI> <a href="c_liststyleposition.html">list-style-position</a>
<LI> <a href="c_liststyletype.html">list-style-type</a>
<LI> <a href="c_markeroffset.html">marker-offset</a>
</UL>
<LI> <a href="d_tabl