所有outline属性
属性 | 说明 | 值 |
---|
属性 | 说明 | 值 |
outline | 在一个声明中设置所有的外边框属性 | outline-color,outline-style, outline-width,inherit |
outline-color | 设置外边框的颜色 | color-name,invert,inherit |
outline-style | 设置外边框的样式 | none,dotted,dashed, solid, double, groove, ridge, inset, outset,inherit |
outline-width | 设置外边框的宽度 | thin, medium, thick, length, inherit |
![基本结构](https://i-blog.csdnimg.cn/blog_migrate/908f7a8723a470f43d2e36bff05b20bc.gif)
作用
- 绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用
- 指定了样式,颜色和外边框的宽度
代码示例
<html>
<head>
<meta charset="utf-8">
<style>
p
{
border:1px solid red;
outline:green dotted thick;
}
</style>
</head>
<body>
<p><b>注意:</b> 如果只有一个!DOCTYPE指定IE8支持 outline属性。</p>
</body>
</html>