Getting rid of the contours in CSS
24 Nov, 2007Thanks to unjimpe we have this tutorial, of how to get rid of contours in CSS.
The contours are dotted lines that appear when you have selected links, these contours are shown around the links to highlight and indicate that the link has the focus. These contours can be controlled with styles through the outline property.
This property has 3 parameters and with it we can control the appearance: wide, style and color like shown below:
-
outline: wide style color;
The values for these properties are:
- wide: thin, medium or thick.
- style: none, dotted, dashed, solid, double, groove, ridge, inset, outset.
- color: hexadecimal color code (Ex: #666666).
Then for example if we have a link that we want to select with a red contour, for example we would have:
If we want all the the outlines in our web site have the same style:
-
a { outline: thin solid #CC0000; }
If we want no contour at all, our code would be:
-
a { outline: none; }
Related posts:
