科技网站建设： 边框属性( Borders Properties)

边框属性( Borders Properties)

    常用的边框属性有7项：border-top、border-right、border-bottom、border-left、border-widborder-color和border-style。其中border-width可以一次性设置所有的边框宽度；如异border-color同时设置四面边框的颜色，可以连续写上4种颜色，并用空格分隔。上述连纠置的边框都是按border-top、border-right、border-bottom、border-left顺序（顺时针）的。

    (1)所有边框宽度(border-width)

    语法：border-width:medium I  thin l  thick I length

    参数：medium为默认宽度，thin为小于默认宽度，thick为大于默认宽度。Length是由字和单位标识符组成的长度值，不可为负值。

    说明：如果提供全部4个参数值，将按上、右、下、左的顺序作用于4个边框。如果提供1个参数值，将用于全部的4条边。如果提供两个参数值，则第1个用于上、下边框第2个用于左、右边框。如果提供3个参数值，则第1个用于上边框，第2个用于左、右框，第3个用于下边框。

    要使用该属性，必须先设定对象的height或width属性，或者设定position属性，absolute。

    如果border-style设置为none，本属性将失去作用。

    示例：

    span{ border-style: solid; border-width: thin)

    span{ border-style: solid; border-width: lpx thin)

    (2)边框样式(border-style)

    语法：border-style:none I hidden l dotted l dashed l solid I double I groove l ridge l inset l outset

    参数：border-style属性包括了多个边框样式的参数。

    none:无边框。与任何指定的border-width值无关。

    dotted:边框为点线。

    dashed:边框为长短线。

    solid:边框为实线。

    double：边框为双线。两条单线与其间隔的和等于指定的border-width值。

    groove：根据border-color的值画3D凹槽。

    ridge：根据border-color的值画菱形边框。

    inset：根据border-color的值画3D凹边。

    outset:根据border-color的值画3D凸边。

    说明：如果提供全部4个参数值，将按上、右、下、左的顺序作用于4个边框。如果提供1个参数值，将用于全部的4条边。如果提供2个参数值，则第1个用于上、下边，1 2个用于左、右边。如果提供3个参数值，则第1个用于上边，第2个用于左、右边，第个用于下边。

    要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolut    如果border-width不大于0，本属性将失去作用。