外轮廓 - outline

outline表示元素的外轮廓

• 不占用空间;
• 默认显示在border的外面;

outline相关属性

• outline-width: 外轮廓的宽度;
• outline-style：取值跟border的样式一样，比如solid、dotted等;
• outline-color: 外轮廓的颜色;
• outline：outline-width、outline-style、outline-color的简写属性，跟border用法类似;

应用

• 去除a元素、input元素的focus轮廓效果;

input聚焦时黑色的边框就是浏览器默认添加的外轮廓