CSS outline 属性

设置元素周围的轮廓：

p
{
outline:#00FF00 dotted thick;
}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
outline	1.0	8.0	1.5	1.2	7.0

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline简写属性在一个声明中设置所有的轮廓属性。

可以设置的属性分别是（按顺序）：outline-color, outline-style, outline-width

如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。

	值
默认值:	invert none medium
继承:	no
版本:	CSS2
JavaScript 语法:	object.style.outline="#0000FF dotted thin"

提示

invert：反色，用于确认轮廓的显示。注意不是所有浏览器都支持该属性,若不则该属性无效.

实例

<style>
p.demo-outline
{
	border:1px solid red;
	outline:green dotted thick;
}
</style>
<p class="demo-outline">小鱼资料库是各类资料集合站，主要搜集工程类、IT类、英语类、软件类、医学类、教育学科类等下载资料及各类行业文章模板，为各行业从业者提供学习资料</p>

效果

小鱼资料库是各类资料集合站，主要搜集工程类、IT类、英语类、软件类、医学类、教育学科类等下载资料及各类行业文章模板，为各行业从业者提供学习资料

属性值

值	描述
outline-color	规定边框的颜色。
outline-style	规定边框的样式。
outline-width	规定边框的宽度。
inherit	规定应该从父元素继承 outline 属性的设置。

# CSS outline 属性

# 浏览器支持

# 实例

# 属性值

# 相关阅读

CSS outline 属性

浏览器支持

实例

属性值

相关阅读