border-style屬性設(shè)置邊框樣式【案例演示】

在CSS屬性中，border-style屬性用于設(shè)置邊框樣式。其基本語(yǔ)法格式如下：

border-style: 上邊 [右邊下邊 左邊];

在設(shè)置邊框樣式時(shí)既可以對(duì)四邊分別設(shè)置，也可以綜合設(shè)置四邊的樣式。border-style的常用屬性值有4個(gè)，分別用于定義不同的顯示樣式，具體介紹如下。

?solid：邊框?yàn)閱螌?shí)線。

?dashed：邊框?yàn)樘摼€。

?dotted：邊框?yàn)辄c(diǎn)線。

?double：邊框?yàn)殡p實(shí)線。

使用border-style屬性綜合設(shè)置四邊樣式時(shí)，必須按上右下左的順時(shí)針順序，省略時(shí)采用值復(fù)制的原則，即一個(gè)值為四邊，兩個(gè)值為上下和左右，三個(gè)值為上、左右、下，四個(gè)值為上、右、下、左。

例如，<p>只有上邊為虛線(dashed)，其他三邊為單實(shí)線(solid)，可以使用(border-style)綜合屬性分別設(shè)置各邊樣式：

{borer-style: dashed solid solid solid;}    /*四個(gè)值為上、右、下、左*/

也可以簡(jiǎn)寫(xiě)為

P{borer-style: dashed solid solid;}       /*三個(gè)值為上、左右、下?/

以下所示即為不同邊框樣式的盒子:

   文本的邊框樣式為單實(shí)線

   文本的邊框樣式是上下為點(diǎn)線、左右邊框?yàn)閱螌?shí)線

   文本的邊框樣式是上為點(diǎn)線、左右下邊框?yàn)閱螌?shí)線

   文本的邊框樣式是上下為點(diǎn)線、左右邊框?yàn)閱螌?shí)線