8/4/13

CSS Outline Properties

Search w3schools.com: Select Language

HOME

HTML

C SS

JAVASC RIPT

JQUERY

XML

ASP.NET

PHP

SQL

MORE...

R EFER ENC ES

EXAMPLES

FO R UM

ABO UT

New Upcoming Projects 1/2/3/4 BHK Flats/Apts in ur Budge t Se arch by Locality,Price ,Am e nitie s. www.99acre s.com /Ne w_Proje cts Design logos & websites 12-m onth course to work in m e dia Join MAAC Multim e dia course today! www.m aacindia.com Web Designing in 12 mths Le arn HTML, Javascript & Flash Join course at Are na! www.Are na-Multim e dia.com

SHARE THIS PAGE

Like

76k

CSS Basic
CSS HOME CSS Introduction CSS Syntax CSS Id & Class CSS How To

CSS Outlines
Previous Next Chapter
An outline is a line that is drawn around elements (outside the borders) to make the element "stand out". The outline properties specify the style, color, and width of an outline.

WEB HOSTING
Best Web Hosting eUK Web Hosting UK Reseller Hosting Domain, Hosting & Email

CSS Styling
Styling Backgrounds Styling Text Styling Fonts Styling Links Styling Lists Styling Tables

WEB BUILDING

Examples
Draw a line around an element (outline) This example demonstrates how to draw a line around an element, outside the border edge. Set the style of an outline This example demonstrates how to set the style of an outline. Set the color of an outline This example demonstrates how to set the color of an outline. Set the width of an outline This example demonstrates how to set the width of an outline.

XML Editor - Free Trial! FREE Website BUILDER FREE Website C reator Best Website Templates

CSS Box Model

CSS Box Model CSS Border CSS Outline CSS Margin CSS Padding

STATISTICS
Browser Statistics OS Statistics Display Statistics

CSS Outline
An outline is a line that is drawn around elements (outside the borders) to make the element "stand out". However, the outline property is different from the border property. The outline is not a part of an element's dimensions; the element's total width and height is not affected by the width of the outline.

CSS Advanced
CSS Grouping/Nesting CSS Dimension CSS Display CSS Positioning CSS Floating CSS Align CSS Pseudo-class CSS Pseudo-element CSS Navigation Bar CSS Image Gallery CSS Image Opacity CSS Image Sprites CSS Media Types CSS Attribute Selectors CSS Summary

CSS Examples
CSS Examples CSS Quiz CSS Certificate

All CSS Outline Properties

The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2). Property outline Description Sets all the outline properties in one declaration Values outline-color outline-style outline-width inherit color_name hex_number rgb_number invert inherit none dotted dashed solid double groove ridge inset outset inherit thin medium thick CSS 2

CSS References
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX

outline-color

Sets the color of an outline

outline-style

Sets the style of an outline

outline-width

Sets the width of an outline

w3schools.com/css/css_outline.asp

1/2

8/4/13

CSS Outline Properties

length inherit

Previous

Next Chapter

Top 10 Tutorials
HTML Tutorial HTML5 Tutorial C SS Tutorial C SS3 Tutorial JavaScript Tutorial jQuery Tutorial SQL Tutorial PHP Tutorial ASP.NET Tutorial XML Tutorial

Top 10 References
HTML/HTML5 Reference C SS 1,2,3 Reference C SS 3 Browser Support JavaScript HTML DOM XML DOM PHP Reference jQuery Reference ASP.NET Reference HTML C olors

Examples
HTML Examples C SS Examples XML Examples JavaScript Examples HTML DOM Examples XML DOM Examples AJAX Examples ASP.NET Examples Razor Examples ASP Examples SVG Examples

Quizzes
HTML Quiz HTML5 Quiz XHTML Quiz C SS Quiz JavaScript Quiz jQuery Quiz XML Quiz ASP Quiz PHP Quiz SQL Quiz

Color Picker

Statistics
Browser Statistics Browser OS Browser Display

RE P O RT E RRO R

HO ME

TO P

P RI N T

FO RU M

A BO U T

A D V E RT I SE WI T H U S

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use and privacy policy. C opyright 1999-2013 by Refsnes Data. All Rights Reserved.

w3schools.com/css/css_outline.asp

2/2