CSS 轮廓简写

CSS Outline - 简写属性

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

  • outline-width
  • outline-style（必需）
  • outline-color

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

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

虚线轮廓。

红色的虚线轮廓。

5 像素的黄色实线轮廓。

粗的粉色凸槽轮廓。

实例

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