📄 css9.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#0072A8}
A:visited {text-decoration: none; color: #0072A8}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}-->
</style>
<meta name="keywords" content="homepage,designer,免费,html,Dhtml,CGI,DW,flash,fireworks,java,Javascript,CGI,frontpage,photoshop,free,原代码，教程">
<meta name="Author" content="kunshan,china,ajie,阿捷,ajie@nease.net">
<title>CSS中文教程-方框属性</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="9%"></td>
<td width="81%"><p align="center"><img src="csstop.gif" alt="csstop.gif (6568 bytes)" WIDTH="420" HEIGHT="58"></td>
<td width="10%"></td>
</tr>
<tr>
<td width="9%"></td>
<td width="81%"><table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#C0C0C0"><p align="center"><a href="index.htm">返回<font face="Arial">DHTML</font>栏目</a> <a href="../index.html">返回首页</a> 本教程译文：<a href="mailto:water_tang@126.com">Water Tang</a> 和 <a href="mailto:tian_tang@126.com">Xianzhen
Liang</a></td>
</tr>
</table>
</td>
<td width="10%"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="9%"></td>
<td width="81%"><hr color="#808080">
</td>
<td width="10%"></td>
</tr>
<tr>
<td width="9%"></td>
<td width="81%"><p align="center">方框属性</p>
<p>--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>上边界</strong></font><br>
语法: margin-top: <值><br>
<br>
允许值: <长度> | <百分比> | auto<br>
<br>
初始值: 0<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。<br>
<br>
例如，以下的规则将消除文件的上边界。<br>
<br>
BODY { margin-top: 0 }<br>
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。
<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>右边界</strong></font><br>
语法: margin-right: <值><br>
<br>
允许值: <长度> | <百分比> | auto<br>
<br>
初始值: 0<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
右边界属性用一个指定的长度或百分比值来设置元素的右边界。百分比值参考上级元素的宽度。允许使用负值边际。<br>
<br>
例如:<br>
<br>
P.narrow { margin-right: 50% }<br>
注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。 <br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>下边界</strong></font><br>
语法: margin-bottom: <值><br>
<br>
允许值: <长度> | <百分比> | auto<br>
<br>
初始值: 0<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
下边界属性用一个指定的长度或百分比值来设置元素的下边界。百分比值参考上级元素的宽度。允许使用负值边际。<br>
<br>
例如:<br>
<br>
DT { margin-bottom: 3em }<br>
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>左边界</strong></font><br>
语法: margin-left: <值><br>
<br>
允许值: <长度> | <百分比> | auto<br>
<br>
初始值: 0<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
左边界属性用一个指定的长度或百分比值来设置元素的左边界。百分比值参考上级元素的宽度。允许使用负值边际。<br>
<br>
例如:<br>
<br>
ADDRESS { margin-left: 50% }<br>
注意如果边界在水平方向邻接(重叠)了，不会改用其它边界值。 <br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>边界</strong></font><br>
语法: margin: <值><br>
<br>
允许值: [ <长度> | <百分比> | auto ]{1,4}<br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
边界属性用一到四个值来设置元素的边界，每个值都是长度、百分比或者自动。百分比值参考上级元素的宽度。允许使用负值边际。<br>
<br>
如果四个值都给出了，它们分别被应用于上、右、下和左边界。如果只给出一个值，它被应用于所有边界。如果两个或三个值给出了，省略了的值与对边相等。<br>
<br>
边界声明包括以下例子：<br>
<br>
BODY { margin: 5em } /* 所有边界设为5em */<br>
P { margin: 2em 4em } /* 上和下边界为2em，左和右边界为4em */<br>
DIV { margin: 1em 2em 3em 4em } /* 上边界为1em，右边界为2em，下边界为3em，左边界为4em
*/<br>
注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。而水平方向则不会。<br>
<br>
使用边界属性可以一次性地设置所有边界；也可以选择使用上边界、下边界、左边界和右边界属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>上补白</strong></font><br>
语法: padding-top: <值><br>
<br>
允许值: <长度> | <百分比><br>
<br>
初始值: 0<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
上补白属性描述上边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>右补白</strong></font><br>
语法: padding-right: <值><br>
<br>
允许值: <长度> | <百分比><br>
<br>
初始值: 0<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
右补白属性描述右边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>下补白</strong></font><br>
语法: padding-bottom: <值><br>
<br>
允许值: <长度> | <百分比><br>
<br>
初始值: 0<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
下补白属性描述下边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>左补白</strong></font><br>
语法: padding-left: <值><br>
<br>
允许值: <长度> | <百分比><br>
<br>
初始值: 0<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
左补白属性描述左边框和选择符的内容之间有多少间隔。该值可以是一个长度或百分比。百分比的值参考上级元素的宽度。不能使用负值。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>补白</strong></font><br>
语法: padding: <值><br>
<br>
允许值: [ <长度> | <百分比 ]{1,4}<br>
<br>
初始值: 0<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
补白属性是上补白、右补白、下补白和左补白属性的略写。<br>
<br>
一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值，每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。<br>
<br>
如果四个值都给出了，它们分别应用于上、右、下和左补白。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。<br>
<br>
例如，以下的规则设置上补白为2em，右补白为4em，下补白为5em，左补白为4em:<br>
<br>
BLOCKQUOTE { padding: 2em 4em 5em }<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>上边框宽度</strong></font><br>
语法: border-top-width: <值><br>
<br>
允许值: thin | medium | thick | <长度><br>
<br>
初始值: medium<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。<br>
<br>
也可以用在上边框、边框的宽度或边框的属性略写。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>右边框宽度</strong></font><br>
语法: border-right-width: <值><br>
<br>
允许值: thin | medium | thick | <长度><br>
<br>
初始值: medium<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。<br>
<br>
也可以用在右边框、边框的宽度或边框的属性略写。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>下边框宽度</strong></font><br>
语法: border-bottom-width: <值><br>
<br>
允许值: thin | medium | thick | <长度><br>
<br>
初始值: medium<br>
<br>
适用于: 所有对象<br>
<br>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -