CSS 大纲

outline CSS 速记属性允许在元素周围画一条线，在边框之外。它用于在单个声明中设置大纲的所有属性。 CSS 轮廓属性可以分为 4 种类型，即 Outline-style、Outline-color、Outline-width 和 Outline-offset。我们将通过示例依次讨论所有类型的轮廓属性。

属性： CSS大纲集合下有很多属性，所有这些属性都通过示例进行了很好的描述。

Outline-style ：用于设置元素轮廓的外观，即告诉我们轮廓的样式或类型。如果不设置大纲样式，则无法访问任何其他大纲属性。如果不存在，则默认样式将设置为无。

句法：

outline-style: auto|none|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

示例：此示例说明了将样式设置为虚线的Outline 属性。

HTML

    

  

    
GeeksforGeeks
    
Outline Property
    
A Computer Science portal for geeks.
  

输出：

Outline-color ：用于设置元素的轮廓颜色。颜色可以通过其名称设置，即 rgb 值或十六进制值等。如果不存在，则默认颜色将是当前颜色。

句法：

outline-color:  | invert | inherit;

示例：此示例说明颜色设置为特定颜色值的Outline 属性。

HTML

    

  

    
GeeksforGeeks
    
Outline Property
    
A Computer Science portal for geeks.
  

输出：

Outline-width ：用于为特定元素指定此轮廓的宽度。轮廓的宽度可以通过以 px、cm、pt 等为单位指定宽度的大小，或使用诸如薄、厚、中等等术语来设置。如果不存在，则默认宽度将是介质。

语法：

outline-width: medium|thin|thick|length|initial|inherit;

示例：此示例说明了宽度设置为特定值的Outline 属性。

HTML

    

  

    
GeeksforGeeks
    
Outline Property
    
A Computer Science portal for geeks.
  

输出：

Outline-offset : CSS outline-offset 属性设置轮廓和元素边缘或边框之间的空间量。轮廓是围绕边界边缘之外的元素绘制的线。元素与其轮廓之间的空间是透明的。此外，轮廓可以是非矩形的。默认值为 0。

句法：

outline-offset: length|initial|inherit;

示例：此示例说明了使用特定值定义偏移量的Outline 属性。

HTML

    

  

    
GeeksforGeeks
    
Outline Property
    
A Computer Science portal for geeks.
  

输出：

支持的浏览器：

• 谷歌浏览器 1.0
• 微软边缘 12.0
• 互联网浏览器 8.0
• 火狐 1.5
• 歌剧 7.0
• 野生动物园 1.2