第六章区块性质的CSS
2008-03-09 11:32:04 来源:WEB开发网核心提示:border-top-color设定上边框颜色border-right-color设定右边框颜色border-bottom-color 设定下边框颜色border-left-color 设定左边框颜色支持:IE4、NC4适用:区块元素可能值: <color>设定颜色,请参考第一章颜色使用的相关说明预设值:c
border-top-color设定上边框颜色border-right-color设定右边框颜色border-bottom-color 设定下边框颜色border-left-color 设定左边框颜色支持:IE4、NC4
适用:区块元素
可能值: <color>设定颜色,请参考第一章颜色使用的相关说明预设值:color性质之值
继承性:无
一般范例:DIV { border-top-color : BLUE }
同轴范例:<DIV style="border-top-color:BLUE">
border-color综合设定边框颜色 支持:IE4、NC4
适用:区块元素
可能值:依序设定top,right,bottom,left的边框颜色 <color> {1,4}设定颜色,请参考第一章颜色使用的相关说明预设值:无
继承性:无
一般范例:DIV { border-color : RED GREEN BLUE YELLOW }
同轴范例:<DIV style="border-color:RED GREEN BLUE YELLOW">要附带说明的是,如果指定了四个合法设定值,则会依序套用于四个边框;如果只 有指定一个合法设订值,则会统一套用于四个边框;若只有指定二或三个合法设定值,则 未指定的边框会套用对边的颜色设定值;若无指定此一性质,则套用color性质之设定值。 DIV{border-color:RED }→top=RED;right=RED;bottom=RED;left=REDDIV{border-color:RED GREEN }→top=RED;right=GREEN;bottom=RED;left=GREENDIV{border-color: RED GREEN BLUE}→top=RED;right=GREEN;bottom=BLUE;left=GREEN
border-top-style设定上边框样式border-right-style设定右边框样式border-bottom-style设定下边框样式border-left-style设定左边框样式支持:IE4、NC4
适用:区块元素
可能值: none不显示边框dotted虚线(IE4、NC4浏览器当作实线)dashed短直线(IE4、NC4浏览器当作实线)solid实线double双直线ridge3D凸线groove3D凹线outset3D隆起(IE4不显示)inset3D嵌入(IE4不显示)预设值:none
继承性:无
一般范例:DIV { border-top-style : inset }
同轴范例:<DIV style="border-top-style:inset">
border-style综合设定边框样式 支持:IE4、NC4
适用:区块元素
可能值:依序设定top,right,bottom,left的边框样式 none {1,4}不显示边框dotted {1,4}虚线(IE4、NC4浏览器当作实线)dashed {1,4}短直线(IE4、NC4浏览器当作实线)solid {1,4}实线double {1,4}双直线ridge {1,4}3D凸线groove {1,4}3D凹线outset {1,4}3D隆起(IE4不显示)inset {1,4}3D嵌入(IE4不显示)预设值:无
继承性:无
一般范例:DIV { border-style : ridge groove outset inset }
同轴范例:<DIV style="border-style:ridge groove outset inset">要附带说明的是,如果指定了四个合法设定值,则会依序套用于四个边框;如果只 有指定一个合法设订值,则会统一套用于四个边框;若只有指定二或三个合法设定值,则 未指定的边框会套用对边的样式设定值。 DIV{border-width:outset}→top=outset;right=outset;bottom=outset;left=outsetDIV{border-width:outset inset}→top=outset;right=inset;bottom=outset;left=insetDIV{border-width:outset inset ridge}→top=outset;right=inset;bottom=ridge;left=inset
border-top 综合设定上边框性质border-right 综合设定右边框性质border-bottom综合设定下边框性质border-left综合设定左边框性质支持:IE4、NC4
适用:区块元素
可能值: <border-width>设定该边框宽度,请参考上面的介绍与说明<border-style>设定该边框样式,请参考上面的介绍与说明<border-color>设定该边框颜色,请参考上面的介绍与说明预设值:无
继承性:无
一般范例:DIV { border-top : 2pt solid BLUE }
同轴范例:<DIV style="border-top:2pt solid BLUE">
border综合设定边框性质 支持:IE4、NC4
更多精彩
赞助商链接