<commit_before><!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>CSS参考手册_web前端开发参考手册系列</title>
<meta name="description" content="web前端开发参考手册系列之CSS3参考手册：为Web前端开发人员提供最新、最全的CSS中文版在线资料，涵盖CSS3参考手册。" />
<meta name="keywords" content="css,css3,css手册,css3手册,css参考手册,css3参考手册,web前端开发指南,css中文版,css chm" />
<meta name="author" content="<NAME>(<PASSWORD>), <EMAIL>, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="skin/layout.css" />
<link rel="shortcut icon" type="image/x-icon" href="doyoe.ico" />
<base target="archives" />
</head>
<body>
<header id="hd">
	<section id="mashead" class="g-mod">
		<hgroup class="sitename">
			<h1>CSS参考手册</h1>
			<h2>web前端开发参考手册系列</h2>
		</hgroup>
		<nav class="related">
			<ul class="nav">
				<li class="version">当前版本：v4.2.6</li>
				<li class="download"><a href="css.chm" class="g-ico g-ico-download">下载最新chm版</a></li>
				<li class="resource">
					<div class="g-combobox">
						<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>
								<li><a target="_blank" href="http://blog.doyoe.com/">CSS探索之旅</a></li>
								<li><a target="_blank" href="http://demo.doyoe.com/">web前端实验室</a></li>
								<li><a target="_blank" href="http://css.doyoe.com/">CSS参考手册</a></li>
							</ul>
						</div>
					</div>
				</li>
				<li class="about">
					<div class="g-combobox">
						<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>
								<li id="about-me"><a href="introduction/about-me.htm">关于飘零雾雨</a></li>
								<li><a target="_blank" href="http://weibo.com/doyoe">新浪微博</a></li>
								<li><a target="_blank" href="https://github.com/doyoe">Github</a></li>
							</ul>
						</div>
					</div>
				</li>
				<li class="contribute"><a id="offer" class="offer" href="introduction/contribute.htm">捐赠</a></li>
			</ul>
		</nav>
	</section>
</header>
<section id="bd">
	<section id="main">
	<div id="content">
		<iframe id="archives" name="archives" src="introduction/index.htm" frameborder="0"></iframe>
	</div>
	</section>
	<aside id="side">
		<nav id="navigation" class="g-mod">
			<ul id="dytree" class="g-tree">
				<li>
					<div class="haschild open"><dfn>CSS(Contain CSS3)</dfn></div>
					<ul class="unfold">
						<li><div><a href="quicksearch.htm">速查总表 Quick Search</a></div></li>
						<li>
							<div class="haschild"><a href="introduction/index.htm">简介 Introduction</a></div>
							<ul>
								<li><div><a href="introduction/change-list.htm">更新历史</a></div></li>
								<li><div><a href="introduction/about-this-handbook.htm">关于本手册</a></div></li>
								<li><div><a href="introduction/what-is-css.htm">关于样式表</a></div></li>
								<li><div><a href="introduction/about-me.htm">关于作者</a></div></li>
								<li><div><a href="introduction/guide.htm">阅读及使用指引</a></div></li>
								<li><div><a href="introduction/thanks.htm">鸣谢</a></div></li>
								<li><div><a href="introduction/contribute.htm">捐赠</a></div></li>
							</ul>
						</li>
						<li>
							<div class="haschild open"><a href="properties/index.htm">属性 Properties</a></div>
							<ul class="unfold">
								<li>
									<div class="haschild"><a href="properties/positioning/index.htm">定位(Positioning)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/positioning/position.htm">position</a></div></li>
										<li><div><a href="properties/positioning/z-index.htm">z-index</a></div></li>
										<li><div><a href="properties/positioning/top.htm">top</a></div></li>
										<li><div><a href="properties/positioning/right.htm">right</a></div></li>
										<li><div><a href="properties/positioning/bottom.htm">bottom</a></div></li>
										<li><div><a href="properties/positioning/left.htm">left</a></div></li>
										<li><div class="css3-change"><a href="properties/positioning/clip.htm">clip</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/layout/index.htm">布局(Layout)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/layout/display.htm">display</a></div></li>
										<li><div><a href="properties/layout/float.htm">float</a></div></li>
										<li><div><a href="properties/layout/clear.htm">clear</a></div></li>
										<li><div><a href="properties/layout/visibility.htm">visibility</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow.htm">overflow</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow-x.htm">overflow-x</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow-y.htm">overflow-y</a></div></li>
										<!--暂时关闭
										<li><div class="css3-new"><a href="properties/layout/rotation.htm">rotation</a></div></li>
										<li><div class="css3-new"><a href="properties/layout/rotation-point.htm">rotation-point</a></div></li>-->
									</ul>
								</li>

								<li>
									<div class="haschild"><a href="properties/dimension/index.htm">尺寸(Dimension)</a></div>
									<ul>
										<li><div><a href="properties/dimension/width.htm">width</a></div></li>
										<li><div><a href="properties/dimension/min-width.htm">min-width</a></div></li>
										<li><div><a href="properties/dimension/max-width.htm">max-width</a></div></li>
										<li><div><a href="properties/dimension/height.htm">height</a></div></li>
										<li><div><a href="properties/dimension/min-height.htm">min-height</a></div></li>
										<li><div><a href="properties/dimension/max-height.htm">max-height</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/margin/index.htm">外补白(Margin)</a></div>
									<ul>
										<li><div><a href="properties/margin/margin.htm">margin</a></div></li>
										<li><div><a href="properties/margin/margin-top.htm">margin-top</a></div></li>
										<li><div><a href="properties/margin/margin-right.htm">margin-right</a></div></li>
										<li><div><a href="properties/margin/margin-bottom.htm">margin-bottom</a></div></li>
										<li><div><a href="properties/margin/margin-left.htm">margin-left</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/padding/index.htm">内补白(Padding)</a></div>
									<ul>
										<li><div><a href="properties/padding/padding.htm">padding</a></div></li>
										<li><div><a href="properties/padding/padding-top.htm">padding-top</a></div></li>
										<li><div><a href="properties/padding/padding-right.htm">padding-right</a></div></li>
										<li><div><a href="properties/padding/padding-bottom.htm">padding-bottom</a></div></li>
										<li><div><a href="properties/padding/padding-left.htm">padding-left</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/border/index.htm">边框(Border)</a></div>
									<ul>
										<li><div><a href="properties/border/border.htm">border</a></div></li>
										<li><div><a href="properties/border/border-width.htm">border-width</a></div></li>
										<li><div><a href="properties/border/border-style.htm">border-style</a></div></li>
										<li><div><a href="properties/border/border-color.htm">border-color</a></div></li>
										<li><div class="css3-new"><a href="properties/border/box-shadow.htm">box-shadow</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-radius.htm">border-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-top-left-radius.htm">border-top-left-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-top-right-radius.htm">border-top-right-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-bottom-right-radius.htm">border-bottom-right-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-bottom-left-radius.htm">border-bottom-left-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image.htm">border-image</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-source.htm">border-image-source</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-slice.htm">border-image-slice</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-width.htm">border-image-width</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-outset.htm">border-image-outset</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-repeat.htm">border-image-repeat</a></div></li>
										<!--<li><div class="css3-new"><a href="properties/border/box-decoration-break.htm">box-decoration-break</a></div></li>-->
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/background/index.htm">背景(Background)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/background/background.htm">background</a></div></li>
										<li><div><a href="properties/background/background-color.htm">background-color</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-image.htm">background-image</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-repeat.htm">background-repeat</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-attachment.htm">background-attachment</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-position.htm">background-position</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-origin.htm">background-origin</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-clip.htm">background-clip</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-size.htm">background-size</a></div></li>
									</ul>
								</li><commit_msg>opti: 合并 border-*-radius 分拆独立属性到 border-radius 属性<commit_after><!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>CSS参考手册_web前端开发参考手册系列</title>
<meta name="description" content="web前端开发参考手册系列之CSS3参考手册：为Web前端开发人员提供最新、最全的CSS中文版在线资料，涵盖CSS3参考手册。" />
<meta name="keywords" content="css,css3,css手册,css3手册,css参考手册,css3参考手册,web前端开发指南,css中文版,css chm" />
<meta name="author" content="<NAME>(<PASSWORD>), <EMAIL>, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="skin/layout.css" />
<link rel="shortcut icon" type="image/x-icon" href="doyoe.ico" />
<base target="archives" />
</head>
<body>
<header id="hd">
	<section id="mashead" class="g-mod">
		<hgroup class="sitename">
			<h1>CSS参考手册</h1>
			<h2>web前端开发参考手册系列</h2>
		</hgroup>
		<nav class="related">
			<ul class="nav">
				<li class="version">当前版本：v4.2.6</li>
				<li class="download"><a href="css.chm" class="g-ico g-ico-download">下载最新chm版</a></li>
				<li class="resource">
					<div class="g-combobox">
						<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>
								<li><a target="_blank" href="http://blog.doyoe.com/">CSS探索之旅</a></li>
								<li><a target="_blank" href="http://demo.doyoe.com/">web前端实验室</a></li>
								<li><a target="_blank" href="http://css.doyoe.com/">CSS参考手册</a></li>
							</ul>
						</div>
					</div>
				</li>
				<li class="about">
					<div class="g-combobox">
						<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>
								<li id="about-me"><a href="introduction/about-me.htm">关于飘零雾雨</a></li>
								<li><a target="_blank" href="http://weibo.com/doyoe">新浪微博</a></li>
								<li><a target="_blank" href="https://github.com/doyoe">Github</a></li>
							</ul>
						</div>
					</div>
				</li>
				<li class="contribute"><a id="offer" class="offer" href="introduction/contribute.htm">捐赠</a></li>
			</ul>
		</nav>
	</section>
</header>
<section id="bd">
	<section id="main">
	<div id="content">
		<iframe id="archives" name="archives" src="introduction/index.htm" frameborder="0"></iframe>
	</div>
	</section>
	<aside id="side">
		<nav id="navigation" class="g-mod">
			<ul id="dytree" class="g-tree">
				<li>
					<div class="haschild open"><dfn>CSS(Contain CSS3)</dfn></div>
					<ul class="unfold">
						<li><div><a href="quicksearch.htm">速查总表 Quick Search</a></div></li>
						<li>
							<div class="haschild"><a href="introduction/index.htm">简介 Introduction</a></div>
							<ul>
								<li><div><a href="introduction/change-list.htm">更新历史</a></div></li>
								<li><div><a href="introduction/about-this-handbook.htm">关于本手册</a></div></li>
								<li><div><a href="introduction/what-is-css.htm">关于样式表</a></div></li>
								<li><div><a href="introduction/about-me.htm">关于作者</a></div></li>
								<li><div><a href="introduction/guide.htm">阅读及使用指引</a></div></li>
								<li><div><a href="introduction/thanks.htm">鸣谢</a></div></li>
								<li><div><a href="introduction/contribute.htm">捐赠</a></div></li>
							</ul>
						</li>
						<li>
							<div class="haschild open"><a href="properties/index.htm">属性 Properties</a></div>
							<ul class="unfold">
								<li>
									<div class="haschild"><a href="properties/positioning/index.htm">定位(Positioning)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/positioning/position.htm">position</a></div></li>
										<li><div><a href="properties/positioning/z-index.htm">z-index</a></div></li>
										<li><div><a href="properties/positioning/top.htm">top</a></div></li>
										<li><div><a href="properties/positioning/right.htm">right</a></div></li>
										<li><div><a href="properties/positioning/bottom.htm">bottom</a></div></li>
										<li><div><a href="properties/positioning/left.htm">left</a></div></li>
										<li><div class="css3-change"><a href="properties/positioning/clip.htm">clip</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/layout/index.htm">布局(Layout)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/layout/display.htm">display</a></div></li>
										<li><div><a href="properties/layout/float.htm">float</a></div></li>
										<li><div><a href="properties/layout/clear.htm">clear</a></div></li>
										<li><div><a href="properties/layout/visibility.htm">visibility</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow.htm">overflow</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow-x.htm">overflow-x</a></div></li>
										<li><div class="css3-change"><a href="properties/layout/overflow-y.htm">overflow-y</a></div></li>
										<!--暂时关闭
										<li><div class="css3-new"><a href="properties/layout/rotation.htm">rotation</a></div></li>
										<li><div class="css3-new"><a href="properties/layout/rotation-point.htm">rotation-point</a></div></li>-->
									</ul>
								</li>

								<li>
									<div class="haschild"><a href="properties/dimension/index.htm">尺寸(Dimension)</a></div>
									<ul>
										<li><div><a href="properties/dimension/width.htm">width</a></div></li>
										<li><div><a href="properties/dimension/min-width.htm">min-width</a></div></li>
										<li><div><a href="properties/dimension/max-width.htm">max-width</a></div></li>
										<li><div><a href="properties/dimension/height.htm">height</a></div></li>
										<li><div><a href="properties/dimension/min-height.htm">min-height</a></div></li>
										<li><div><a href="properties/dimension/max-height.htm">max-height</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/margin/index.htm">外补白(Margin)</a></div>
									<ul>
										<li><div><a href="properties/margin/margin.htm">margin</a></div></li>
										<li><div><a href="properties/margin/margin-top.htm">margin-top</a></div></li>
										<li><div><a href="properties/margin/margin-right.htm">margin-right</a></div></li>
										<li><div><a href="properties/margin/margin-bottom.htm">margin-bottom</a></div></li>
										<li><div><a href="properties/margin/margin-left.htm">margin-left</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/padding/index.htm">内补白(Padding)</a></div>
									<ul>
										<li><div><a href="properties/padding/padding.htm">padding</a></div></li>
										<li><div><a href="properties/padding/padding-top.htm">padding-top</a></div></li>
										<li><div><a href="properties/padding/padding-right.htm">padding-right</a></div></li>
										<li><div><a href="properties/padding/padding-bottom.htm">padding-bottom</a></div></li>
										<li><div><a href="properties/padding/padding-left.htm">padding-left</a></div></li>
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/border/index.htm">边框(Border)</a></div>
									<ul>
										<li><div><a href="properties/border/border.htm">border</a></div></li>
										<li><div><a href="properties/border/border-width.htm">border-width</a></div></li>
										<li><div><a href="properties/border/border-style.htm">border-style</a></div></li>
										<li><div><a href="properties/border/border-color.htm">border-color</a></div></li>
										<li><div class="css3-new"><a href="properties/border/box-shadow.htm">box-shadow</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-radius.htm">border-radius</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image.htm">border-image</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-source.htm">border-image-source</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-slice.htm">border-image-slice</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-width.htm">border-image-width</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-outset.htm">border-image-outset</a></div></li>
										<li><div class="css3-new"><a href="properties/border/border-image-repeat.htm">border-image-repeat</a></div></li>
										<!--<li><div class="css3-new"><a href="properties/border/box-decoration-break.htm">box-decoration-break</a></div></li>-->
									</ul>
								</li>
								<li>
									<div class="haschild"><a href="properties/background/index.htm">背景(Background)</a></div>
									<ul>
										<li><div class="css3-change"><a href="properties/background/background.htm">background</a></div></li>
										<li><div><a href="properties/background/background-color.htm">background-color</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-image.htm">background-image</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-repeat.htm">background-repeat</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-attachment.htm">background-attachment</a></div></li>
										<li><div class="css3-change"><a href="properties/background/background-position.htm">background-position</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-origin.htm">background-origin</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-clip.htm">background-clip</a></div></li>
										<li><div class="css3-new"><a href="properties/background/background-size.htm">background-size</a></div></li>
									</ul>
								</li>
{'fraction_non_alphanumeric': 0.2381299155257792, 'fraction_numerical': 0.00466064666472473, 'mean_word_length': 3.404319007911054, 'pattern_counts': {'":': 0, '<': 1159, '<?xml version=': 0, '>': 1159, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5228790', 'n_tokens_mistral': 9619, 'n_tokens_neox': 7365, 'n_words': 794}