outline

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported No No No Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS2, CSS2.1
Default value invert
Inherited No
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/ui.html#propdef-outline

Description
This is the universal attribute determining color, style and thickness of external border simultaneously on all four element sides. The attribute outline does not influence the block position and its width, unlike a line set through border.

Syntax

outline: outline-color || outline-style || outline-width

Value
outline-color
It specifies an outline color in any admissible format for CSS.
outline-style
Outline style.
outline-width
Outline width.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>outline</title>
  <style type="text/css">
   .photo IMG {
    padding: 20px; /* Areas around the image */
    margin-right: 10px; /* right margin */
    outline: 1px solid #666; /* Frame parameters */
    background: #f0f0f0; /* Background color */
    float: left; /* Right edge float */
   }
  </style>
 </head> 
 <body> 
  <div class="photo">
   <img src="images/girl.jpg" alt="Girl">
   <img src="images/owl.jpg" alt="Owl"> 
   <img src="images/boy.jpg" alt="boy">
  </div>
 </body>
</html>

The result of this example is shown on the figure 1


Object model

[window.]document.getElementById("elementID")style.outline