Easy Tutorial
Css Background Css Important Css3 Border Radius Css Form Css Border Css Combinators Css Counters Pr List Style Image Css3 Transitions Css Attribute Selectors Index Css Tutorial Css Howto Css Intro Css Positioning Css Tooltip Css Selectors Css Align Css Rwd Videos Css Syntax Css Rwd Intro Css Dimension Css3 Multiple Columns Css Summary Css Pseudo Elements Css Float Css Website Layout Css Id Class Css Overflow Css Rwd Viewport Css List Css Image Gallery Css Outline Css Rwd Frameworks Css3 Borders Css Font Css Rwd Mediaqueries Css Image Transparency Pr Dim Height Css Margin Css3 2Dtransforms Css Boxmodel Css Grouping Nesting Css3 Animations Css3 Gradients Css Text Pr Tab Caption Side Css Pseudo Classes Css Navbar Css Padding Css Display Visibility Css Dropdowns Css Rwd Images Pr List Style Position Css Table Css Mediatypes Css Image Sprites Css Rwd Grid Css Grid Css Examples Css Link Css Colors Legal Pr List Style Type
❮ Css Image Gallery Css Rwd Frameworks ❯

CSS Outline

The outline is a line drawn around elements, outside the border edge, to make the element stand out.

The outline property specifies the style, color, and width of an element's outline.

Outline Examples

Drawing a Line Around an Element

Setting the Outline Style

Setting the Outline Color

Setting the Outline Width

CSS Outline

The outline is a line drawn around elements, outside the border edge, to make the element stand out.

The CSS outline property specifies the style, color, and width of an element's outline.

All CSS Outline Properties

The numbers in the "CSS" column indicate which CSS version defined the property (CSS1 or CSS2).

Property Description Values CSS
outline Sets all the outline properties in one declaration outline-color<br>outline-style<br>outline-width<br>inherit 2
outline-color Sets the color of the outline color-name<br>hex-number<br>rgb-number<br>invert<br>inherit 2
outline-style Sets the style of the outline none<br>dotted<br>dashed<br>solid<br>double<br>groove<br>ridge<br>inset<br>outset<br>inherit 2
outline-width Sets the width of the outline thin<br>medium<br>thick<br>length<br>inherit 2
❮ Css Image Gallery Css Rwd Frameworks ❯