border为复合属性。设置对象边框的特性 语法: border :
border-width || border-style || border-color 参数: 该属性是复合属性。请参阅各
参数对应的属性。
css应用
如使用该复合属性定义其单个参数,则其他参数的
默认值将无条件覆盖各自对应的单个属性设置。
默认值为:medium
none。border-color的默认值将采用文本颜色。
对应的脚本特性为border。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等
样式表属性的关系,请参看图例以及height和
width属性。
浏览器支持
尽管不推荐使用 border 属性,但是所有主流浏览器均支持该属性。
提示和注释
注释:
HTML 4.01XHTML 1.0 Strict DTD 和
HTML 5 中,不再支持该属性。
提示:请使用
CSS 的边框属性来改变元素的边框样式。您可以在一个
外部样式表中使用
CSS 边框属性,为站点上的所有图像设置一致的边框。与单独为一个图像设置 border 属性相比,这种方式无疑拥有更高的效率。
兼容性注释
不推荐使用 img 元素的 border 属性;在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中,不支持 img 元素的 border 属性。
属性值
在下面的表格中列出了
HTML中border属性的
属性值:
颜色
语法:
border-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
如果
border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderColor。请参阅我编写的其他书目。
示例:
body { border-color: silver ;red; }
body { border-color: silver red
RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; }
样式
语法:
border-style : none | hidden |
dotted |
dashed | solid | double | groove |
ridge |
inset | outset
参数:
none : 无边框。与任何指定的
border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为
实线solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderStyle。
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; }
线粗细
语法:
border-width : medium | thin |
thick |
length参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由
浮点数字和单位
标识符组成的长度值。不可为负值。请参阅
长度单位说明:
如果提供全部四个
参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderWidth。
示例:
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
边框颜色
border-color:用于设置边框的颜色,它一次可以接受最多4个颜色值。可以设置的颜色值如下所示:
语法结构
border-color:#fff 线颜色
border-top:1px solid #000; 单独描画上面线
border-right:1px solid #000; 单独描画右面线
border-bottom:1px solid #000; 单独描画下面线
border-left:1px solid #000; 单独描画左面线
border:1px solid #90C320; 四边线一起描画出来
javax
javax.swing.border
该接口描述一个能够呈现围绕 swing 组件边缘边框的对象。
在 Swing 组件集中,作为一种创建组件边缘四周的装饰或普通区域的机制,border 取代了 Insets。
用法说明
常用方法信息
void paintBorder(Component c,Graphics g,int x,nt y,int width,int height)
Insets getBorderInsets(Component c)
boolean isBorderOpaque()
注
BorderFactory可以提供标准 Border 对象的
工厂类。在任何可能的地方,此工厂类都将提供对已共享 Border 实例的引用。更多用法请参考API。