css3支援border屬性嗎
- WBOY原創
- 2022-06-23 16:08:521615瀏覽
css3支援border屬性，該屬性從css1時就已經開始支援了；border屬性是邊框屬性的簡寫屬性，可以用來指定元素邊框的樣式、寬度和顏色，屬性值只設定一個值時，其他值會設定成對應屬性的初始值，語法為「元素{border:border-width,,border-style,border-color;}」。
本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。
css3支援border屬性
border 是邊框屬性的簡寫屬性。
CSS border 屬性用來指定元素邊框的樣式、寬度和顏色。
可以設定的屬性分別（依序）：border-width, border-style 和 border-color。
也可以只設定一個值，例如 border：＃FF0000; 是正確的，其他值會設定成對應屬性的初始值。
語法格式
可以使用下面列出的一個，兩個或三個值來指定border 屬性，值的順序無關緊要：
/* 边框样式 */ border: solid; /* 边框宽度 | 边框样式 */ border: 2px dotted; /* 边框样式 | 边框颜色 */ border: outset #f33; /* 边框宽度 | 边框样式 | 边框颜色 */ border: medium dashed green; /* 全局值 */ border: inherit; border: initial; border: unset;
如果邊框的樣式未定義，它將不可見。這是因為樣式預設 為none。
範例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>輸出結果：
以上是css3支援border屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css3動畫是個軟體嗎下一篇：css3動畫是個軟體嗎