css border-right-style屬性怎麼用
- silencement原創
- 2019-05-27 14:18:562833瀏覽
border-right-style定義及用法
#在css中，border-right-style屬性是用來設定右邊框的樣式。如果我們要單獨設定元素右邊框的樣式，就可以使用該屬性。
border-right-style屬性語法格式
css語法：border-right-style:none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset / inherit;
border-right-style屬性值說明
none：設定無邊框元素（預設）；
hidden ：與none屬性值一樣（但用在表格元素時，hidden用於解決邊框衝突）；
dotted：設定邊框為點狀（大多數瀏覽器不支援，顯示為實線）；
dashed：設定邊框為虛線（大多數瀏覽器不支持，顯示為實線）；
solid ：設定邊框為實線。
double：設定邊框為雙線（寬度等於border-width屬性的值）；
groove：設定邊框為3D 凹槽（效果取決於border-color屬性的值）；
ridge：設定邊框為3D壟斷邊框（效果取決於border-color屬性的值）；
inset ：設定邊框為3D inset（效果取決於border-color屬性的值);
outset：設定邊框為3D outset（效果取決於border-color屬性的值）；
inherit：從父元素繼承邊框樣式。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css border-right-style右边框样式属性笔记</title>
<style type="text/css">
body{background: #ddd;font-size:20px;}
#a,#b,#c,#d{margin-top:10px;width:400px;}
#a{border-right-style:solid;}
#b{border-right-style:dashed;}
#c{border-right-style:double;}
</style>
</head>
<body>
<div id = "a">solid：右边框为实线。</div>
<div id = "b">dashed：右边框为虚线（大多数浏览器不支持，显示为实线）</div>
<div id = "c">double：右边框为双线（宽度等于border-width属性的值）</div>
</body>
</html>運行結果
以上是css border-right-style屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn