每日笔记，css边框外的轮廓 ，轮廓的简写属性

CSS Outline - 简写属性

outline 属性是用于设置以下各个轮廓属性的简写属性：

outline-width

outline-style（必需）

outline-color

这里需要注意一下在上一篇里说的颜色反转并不能加入简写里

从上面的列表中，outline 属性可指定一个、两个或三个值。值的顺序无关紧要。

下例展示了用简写的 outline 属性指定的一些轮廓：

实例

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

虚线轮廓。

红色的虚线轮廓。

5 像素的黄色实线轮廓。

粗的粉色凸槽轮廓。