📄 css9.htm
字号:
向下兼容: 否<br>
<br>
<br>
下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。<br>
<br>
也可以用在下边框、边框的宽度或边框的属性略写。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#800000"><strong>左边框宽度</strong></font><br>
语法: border-left-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-width: <值><br>
<br>
允许值: [ thin | medium | thick | <长度> ]{1,4}<br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。<br>
<br>
如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。<br>
<br>
这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#800000"><strong>边框颜色</strong></font><br>
语法: border-color: <值><br>
<br>
允许值: <颜色>{1,4}<br>
<br>
初始值: 颜色属性的值<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>边框样式</strong></font><br>
语法: border-style: <值><br>
<br>
允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset
]{1,4}<br>
<br>
初始值: none<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。<br>
<br>
可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>上边框</strong></font><br>
语法: border-top: <值><br>
<br>
允许值: <上边框宽度> || <边框式样> || <颜色><br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。<br>
<br>
注意只能给出一个边框式样。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>右边框</strong></font><br>
语法: border-right: <值><br>
<br>
允许值: <右边框宽度> || <边框式样> || <颜色><br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。<br>
<br>
注意只能给出一个边框式样。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>下边框</strong></font><br>
语法: border-bottom: <值><br>
<br>
允许值: <下边框宽度> || <边框式样> || <颜色><br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。<br>
<br>
注意只能给出一个边框式样。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#800000"><strong>左边框</strong></font><br>
语法: border-left: <值><br>
<br>
允许值: <左边框宽度> || <边框式样> || <颜色><br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。<br>
<br>
注意只能给出一个边框式样。<br>
<br>
也可以使用略写的边框属性。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>边框</strong></font><br>
语法: border: <值><br>
<br>
允许值: <边框宽度> || <r边框式样> || <颜色><br>
<br>
初始值: 未定义<br>
<br>
适用于: 所有对象<br>
<br>
向下兼容: 否<br>
<br>
<br>
边框属性是一个用于设置一个元素边框的宽度、式样和颜色的略写。<br>
<br>
边框声明的例子包括：<br>
<br>
H2 { border: groove 3em }<br>
A:link { border: solid blue }<br>
A:visited { border: thin dotted #800080 }<br>
A:active { border: thick double red }<br>
边框属性只能设置四种边框；只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值，网页制作者必须用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>宽度</strong></font><br>
语法: width: <值><br>
<br>
允许值: <长度> | <百分比> | auto<br>
<br>
初始值: auto<br>
<br>
适用于: 块级和替换元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
每个块级或替换元素都可以用一个长度或“auto”值来指定其宽度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括
IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 宽度属性的初始值为“auto”，即为该元素的原有宽度(有就是元素自己的宽度，例如一个图象的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。<br>
<br>
这个属性能用作给出一些INPUT元素的公共长度，好象SUBMIT和RESET按钮:<br>
<br>
INPUT.button { width: 10em }<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>高度</strong></font><br>
语法: height: <值><br>
<br>
允许值: <长度> | auto<br>
<br>
初始值: auto<br>
<br>
适用于: 块级和替换元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
每个块级或替换元素都可以用一个长度或“auto”值来指定其高度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括
IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度属性的初始值为“auto”，即为该元素的原有高度(有就是元素自己的高度，例如一个图象的高度)。不允许使用负的长度值。<br>
<br>
与宽度属性一样，高度可以应用于设定图象的比例:<br>
<br>
IMG.foo { width: 40px; height: 40px }<br>
在大多数情况下，我们都建议网页制作者使用图象编辑软件按比例伸缩图象，因为浏览器不可能高质量地伸缩图象，也因为使用这个属性缩小图象会导致用户下载了一个不必要的庞大文件。虽然如此，通过宽度和高度属性伸缩图象依然是用户—定义样式表中一个有用的用作克服视觉问题的选择。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>漂浮</strong></font><br>
语法: float: <值><br>
<br>
允许值: left | right | none<br>
<br>
初始值: none<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
漂浮属性允许网页制作者将文本环绕在一个元素的周围. 这同HTML 3.2中IMG元素的ALIGN=left和ALIGN=right一样，但CSS1允许所有对象“漂浮”，而不像HTML
3.2那样仅仅允许图象和表格。<br>
<br>
<br>
--------------------------------------------------------------------------------<br>
<br>
<font color="#804000"><strong>清除</strong></font><br>
语法: clear: <值><br>
<br>
允许值: none | left | right | both<br>
<br>
初始值: none<br>
<br>
适用于: 所有元素<br>
<br>
向下兼容: 否<br>
<br>
<br>
清除属性指定一个元素是否允许有元素漂浮在它的旁边。值left移动元素到在其左边的漂浮的元素的下面；同样的值right移动到其右边的漂浮的元素下面。其他的还有缺省的none值，和移动元素到其两边的漂浮的元素的下面的none值。这个属性类似于HTML
3.2的函数<BR CLEAR=left|right|all|none>，但它能应用于所有元素。<br>
<br>
（未完）<br>
--------------------------------------------------------------------------------<br>
<br>
版权信息：本教程是根据W3C制定的CSS标准语法英文版本由<a href="mailto:water_tang@126.com">Water Tang</a>和<a href="mailto:tian_tang@126.com">Xianzhen
Liang</a>翻译而成的。<br>
由《<a href="http://pageone.yeah.net" target="_blank">网页设计师</a>》制作网页教程，你可以转载本教程，但请尊重译者和阿捷的辛勤劳动。<br>
转载时注明译者和教程出处。谢谢！</p>
<p align="right"> <a href="css8.htm">上一节</a> <a href="css10.htm">下一节</a> <a href="index.htm">返回dhtml栏目</a> <a href="../index.html">返回首页</a></td>
<td width="10%"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><hr color="#000000" width="90%">
</td>
</tr>
<tr>
<td width="100%" align="center">《<a href="http://pageone.yeah.net">网页设计师</a>》
阿捷制作 </td>
</tr>
<tr>
<td width="100%" align="center"><font face="Arial">©1999-2000</font> <font face="Arial">All Rights Reserved</font></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -