 |
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：CSS入门到精通 > 简写属性outline | |||||||||||||||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||
| 上一篇： 轮廓宽度 outline-width | 下一篇： CSS margin(外边距) | ||||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号
属性定义及使用说明outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline简写属性在一个声明中设置所有的轮廓属性。 可以设置的属性分别是（按顺序）：outline-color, outline-style, outline-width 如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。
属性值
实例代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简写属性 outline</title>
<!--定义内部样式-->
<style>
.css1{
outline-style:dotted; /*轮廓样式*/
outline-color: red; /*轮廓颜色*/
outline-width:thick; /*轮廓宽度*/
}
.css2{
outline: dotted red thick; /*轮廓样式简写，和上面效果一致*/
}
</style>
</head>
<body>
<p>这里是详细的样式，和简写同样的效果！</p><hr>
<p>这里是简写的样式，和详细的样式同样的效果！</p>
</body>
</html>效果图
|
|||||||||||||||||||
| 上一篇： 轮廓宽度 outline-width | 下一篇： CSS margin(外边距) | ||||||||||||||||||
