css3支援border屬性嗎

WBOY原創: 2022-06-23 16:08:521717瀏覽

css3支援border屬性，該屬性從css1時就已經開始支援了；border屬性是邊框屬性的簡寫屬性，可以用來指定元素邊框的樣式、寬度和顏色，屬性值只設定一個值時，其他值會設定成對應屬性的初始值，語法為「元素{border:border-width,,border-style,border-color;}」。

css3支援border屬性嗎

本教學操作環境：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屬性嗎

#（學習影片分享：css影片教學、html影片教學）

以上是css3支援border屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 css css3 html border

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css3動畫是個軟體嗎下一篇：css3動畫是個軟體嗎

看更多