YouTipCss Outline
# CSS Outline
* * *
An outline is a line drawn around elements, outside the borders, to make the element "stand out".
The outline properties specify the style, color, and width of an element's outline.
* * *
## CSS Outline Examples
(#)
This example demonstrates using the outline property to draw a line around an element.
(#)
This example demonstrates how to set the style of an outline.
(#)
This example demonstrates how to set the color of an outline.
(#)
This example demonstrates how to set the width of an outline.
* * *
## CSS Outline
An outline is a line drawn around elements, outside the borders, to make the element "stand out".
CSS outline properties set the style, color, and width of an element's outline.
* * *
## All CSS Outline Properties
The numbers in the "CSS" column indicate the CSS version where the property was defined (CSS1 or CSS2).
| Property | Description | Values | CSS |
| :--- | :--- | :--- | :--- |
| (#) | Sets all the outline properties in one declaration | _outline-color outline-style outline-width_ inherit | 2 |
| (#) | Sets the color of an outline | _color-name hex-number rgb-number_ invert inherit | 2 |
| (#) | Sets the style of an outline | none dotted dashed solid double groove ridge inset outset inherit | 2 |
| (#) | Sets the width of an outline | thin medium thick _length_ inherit | 2 |
AI is thinking...
[](#)(#)
(#)[](#)
[Volcengine Coding Plan supports mainstream large models like Doubao, GLM, DeepSeek, Kimi, MiniMax, etc. Official direct supply is stable and reliable. Configuration Guide ¥9.9/ month Activate Now](https://maas.xfyun.cn/modelSquare?ch=maas_lm_l2E)
## 1 Note Write Note
1. #0 sanshui
ymh***9@163.com
(https://my.oschina.net/guomingliang/blog/337169) [](#)649 1. Outline does not occupy space, meaning it won't increase additional width or height (this prevents reflow or repaint during browser rendering).
2. Outline can be non-rectangular (in Firefox browser).
(javascript:;)sanshui
ymh***9@163.com
(https://my.oschina.net/guomingliang/blog/337169) 8 years ago (2018-08-07)
### Click me to share note