css中border-style屬性有什么用

發(fā)布時間：2022-02-25 11:44:56 來源：億速云閱讀：229 作者：小新欄目：web開發(fā)

這篇文章主要介紹css中border-style屬性有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　cssborder-style屬性怎么用？

　　border-style屬性用于設(shè)置元素所有邊框的樣式，或者單獨地為各邊設(shè)置邊框樣式。它可以有一到四個值，例：

　　p.one{border-style:dotteddashedsoliddouble;}

　　p.two{border-style:dottedsoliddouble;}

　　p.three{border-style:dottedsolid;}

　　p.four{border-style:dotted;}

　　說明：只有當這個值不是none時邊框才可能出現(xiàn)。

　　可以設(shè)置的屬性值：

　　none：定義無邊框。

　　hidden：與"none"相同。不過應(yīng)用于表時除外，對于表，hidden用于解決邊框沖突。

　　dotted：定義點狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實線。

　　dashed：定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實線。

　　solid：定義實線。

　　double：定義雙線。雙線的寬度等于border-width的值。

　　groove：定義3D凹槽邊框。其效果取決于border-color的值。

　　ridge：定義3D壟狀邊框。其效果取決于border-color的值。

　　inset：定義3Dinset邊框。其效果取決于border-color的值。

　　outset：定義3Doutset邊框。其效果取決于border-color的值。

　　inherit：規(guī)定應(yīng)該從父元素繼承邊框樣式。

　　注釋：任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"或"hidden"。

　　cssborder-style屬性示例

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<style>

　　p.none{border-style:none;}

　　p.dotted{border-style:dotted;}

　　p.dashed{border-style:dashed;}

　　p.solid{border-style:solid;}

　　p.double{border-style:double;}

　　p.groove{border-style:groove;}

　　p.ridge{border-style:ridge;}

　　p.inset{border-style:inset;}

　　p.outset{border-style:outset;}

　　p.hidden{border-style:hidden;}

</style>

</head>

<body>

<pclass="none">無邊框。

<pclass="dotted">虛線邊框。

<pclass="dashed">虛線邊框。

<pclass="solid">實線邊框。

<pclass="double">雙邊框。

<pclass="groove">凹槽邊框。

<pclass="ridge">壟狀邊框。

<pclass="inset">嵌入邊框。

<pclass="outset">外凸邊框。

<pclass="hidden">隱藏邊框。

</body>

</html>

以上是“css中border-style屬性有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

css中border-style屬性有什么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽