http://wiki.blueidea.com/index.php?action=history&feed=atom&title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%2Fpadding 2026-04-29T01:32:20Z 本wiki的该页面的版本历史 MediaWiki 1.24.1 http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=6350&oldid=prev 2009-10-17T13:14:38Z

<p>‎<span dir="auto"><span class="autocomment">案例</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2009-10-17T13:14:38的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第8行：</td> <td colspan="2" class="diff-lineno">第8行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em 1em}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em 1em}</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>p{padding:2em 1em 4em 4em}</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em 1em 4em 4em}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table>

wangjihong4451 http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=6349&oldid=prev 2009-10-17T13:13:39Z

<p>‎<span dir="auto"><span class="autocomment">案例</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2009-10-17T13:13:39的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第8行：</td> <td colspan="2" class="diff-lineno">第8行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em 1em}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>p {padding: 2em 1em}</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">p{padding:2em 1em 4em 4em}</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/source&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table>

wangjihong4451 http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=1436&oldid=prev 2007-11-16T14:16:35Z

<p>‎<span dir="auto"><span class="autocomment">可能的值</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2007-11-16T14:16:35的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第14行：</td> <td colspan="2" class="diff-lineno">第14行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*可以有一，二，三，四个如下的值：明确的[[CSS 2.1 参考手册/属性数据类型#长度|长度]]，父元素宽度的[[CSS 2.1 参考手册/属性数据类型#百分比|百分比]]，或者关键字auto。如果只有一个值，他将提供给所有四个内边距。如果有两个值，第一个值将赋给上内边距和下内边距，第二个值赋给左右内边距。如果有三个值，第一个值赋给上内边距，第二个值赋给左右内边距，第三个值赋给下内边距。如果有四个值，以上，右，下，左的排序赋值。 &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*可以有一，二，三，四个如下的值：明确的[[CSS 2.1 参考手册/属性数据类型#长度|长度]]，父元素宽度的[[CSS 2.1 参考手册/属性数据类型#百分比|百分比]]，或者关键字auto。如果只有一个值，他将提供给所有四个内边距。如果有两个值，第一个值将赋给上内边距和下内边距，第二个值赋给左右内边距。如果有三个值，第一个值赋给上内边距，第二个值赋给左右内边距，第三个值赋给下内边距。如果有四个值，以上，右，下，左的排序赋值。 &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del class="diffchange diffchange-inline">继承：使用与父元素相同的属性值。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">inherit：使用与父元素相同的属性值。</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===默认值===</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===默认值===</div></td></tr> </table>

Missx http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=1370&oldid=prev 2007-11-16T12:17:20Z

<p>‎<span dir="auto"><span class="autocomment">可能的值</span></span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2007-11-16T12:17:20的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第12行：</td> <td colspan="2" class="diff-lineno">第12行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==特性==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==特性==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===可能的值===</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===可能的值===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*可以有一，二，三，四个如下的值：明确的[[CSS 2.1 参考手册/长度|长度]]，父元素宽度的[[CSS 2.1 参考手册/百分比|百分比]]，或者关键字auto。如果只有一个值，他将提供给所有四个内边距。如果有两个值，第一个值将赋给上内边距和下内边距，第二个值赋给左右内边距。如果有三个值，第一个值赋给上内边距，第二个值赋给左右内边距，第三个值赋给下内边距。如果有四个值，以上，右，下，左的排序赋值。 &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*可以有一，二，三，四个如下的值：明确的[[CSS 2.1 参考手册/<ins class="diffchange diffchange-inline">属性数据类型#</ins>长度|长度]]，父元素宽度的[[CSS 2.1 参考手册/<ins class="diffchange diffchange-inline">属性数据类型#</ins>百分比|百分比]]，或者关键字auto。如果只有一个值，他将提供给所有四个内边距。如果有两个值，第一个值将赋给上内边距和下内边距，第二个值赋给左右内边距。如果有三个值，第一个值赋给上内边距，第二个值赋给左右内边距，第三个值赋给下内边距。如果有四个值，以上，右，下，左的排序赋值。 &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*继承：使用与父元素相同的属性值。</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*继承：使用与父元素相同的属性值。</div></td></tr> </table>

Missx http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=1295&oldid=prev 2007-11-16T04:48:23Z

<p>‎<span dir="auto"><span class="autocomment">默认值：</span> 修改错误</span></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">2007-11-16T04:48:23的版本</td> </tr><tr><td colspan="2" class="diff-lineno">第17行：</td> <td colspan="2" class="diff-lineno">第17行：</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===默认值===</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===默认值===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">每个浏览器有不同的设置。</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">详见单独的属性说明。</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===适用于===</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===适用于===</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>大部分元素</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>大部分元素</div></td></tr> </table>

Missx http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/padding&diff=1294&oldid=prev 2007-11-16T04:47:40Z

<p>新增页面</p> <p><b>新页面</b></p><div>==定义==<br /> padding属性是设置[[CSS 2.1 参考手册/padding-top|padding-top]], [[CSS 2.1 参考手册/padding-right|padding-right]], [[CSS 2.1 参考手册/padding-bottom|padding-bottom]] 和（或） [[CSS 2.1 参考手册/padding-left|padding-left]]值的缩写。padding（内边距）是元素的内容到元素边框之间的空隙，在下面的图释中用亮黄填充的部分。<br /> <br /> [[Image:padding-box-model.gif]]<br /> <br /> ==案例==<br /> &lt;source lang=&quot;css&quot;&gt;<br /> p {padding: 2em}<br /> p {padding: 2em 1em}<br /> &lt;/source&gt;<br /> <br /> ==特性==<br /> ===可能的值===<br /> *可以有一，二，三，四个如下的值：明确的[[CSS 2.1 参考手册/长度|长度]]，父元素宽度的[[CSS 2.1 参考手册/百分比|百分比]]，或者关键字auto。如果只有一个值，他将提供给所有四个内边距。如果有两个值，第一个值将赋给上内边距和下内边距，第二个值赋给左右内边距。如果有三个值，第一个值赋给上内边距，第二个值赋给左右内边距，第三个值赋给下内边距。如果有四个值，以上，右，下，左的排序赋值。 <br /> <br /> *继承：使用与父元素相同的属性值。<br /> <br /> ===默认值===<br /> 每个浏览器有不同的设置。<br /> ===适用于===<br /> 大部分元素<br /> ===继承===<br /> 不<br /> <br /> ==另见==<br /> *[[CSS 2.1 参考手册/padding-bottom|padding-bottom]]<br /> *[[CSS 2.1 参考手册/padding-left|padding-left]]<br /> *[[CSS 2.1 参考手册/padding-right|padding-right]]<br /> *[[CSS 2.1 参考手册/padding-top|padding-top]]<br /> *原文地址：http://xhtml.com/en/css/reference/padding/<br /> [[category:CSS]]</div>

Missx