閱讀(28.8k) 書簽贊(3) 我要糾錯(cuò)

CSS outline-style 屬性

2022-06-02 16:25 更新

實(shí)例

設(shè)置outline的樣式：

p
{
outline-style:dotted;
}

嘗試一下 ?

在此頁底部有更多的例子。

outline（輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍。

outline-style屬性指定outline的樣式。

默認(rèn)值：	none
繼承：	no
版本：	CSS2
JavaScript 語法：	object.style.outlineStyle="dotted"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
outline-style	1.0	8.0	1.5	1.2	7.0

outline是圍繞元素。它是圍繞元素的邊距。但是，它是來自不同的邊框?qū)傩浴?/p>

outline不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。

值	描述
none	默認(rèn)。定義無輪廓。
dotted	定義點(diǎn)狀的輪廓。
dashed	定義虛線輪廓。
solid	定義實(shí)線輪廓。
double	定義雙線輪廓。雙線的寬度等同于 outline-width 的值。
groove	定義 3D 凹槽輪廓。此效果取決于 outline-color 值。
ridge	定義 3D 凸槽輪廓。此效果取決于 outline-color 值。
inset	定義 3D 凹邊輪廓。此效果取決于 outline-color 值。
outset	定義 3D 凸邊輪廓。此效果取決于 outline-color 值。
inherit	規(guī)定應(yīng)該從父元素繼承輪廓樣式的設(shè)置。