CSS OUTLINE-WIDTH - CSS3 Examples

CSS OUTLINE-WIDTH

Written by jon on 8:41 AM
The ‘outline-width’ property specifies the width for the outline of an element.
The outline properties create a uniform line around an object in order to draw visual attention. An outline is slightly different than a border in several ways: An outline is drawn starting “just outside the border edge” and is allowed to be non-rectangular. Outlines are always rendered on TOP of an element’s rendering box and do not influence the box’s position or size calculation; the document does not need to be re-flowed when a border is rendered or hidden, but the outline may overlap other nearby elements

Example
input { outline-width: thin }

<input type=”text” name=”text1″ value=”Default Text” style=”outline-width: thin”>

Possible Values
Value Description
inherit Explicitly sets the value of this property to that of the parent
thin medium thick Renders a “thin”, “medium” or “thick” outline border for the element's rendering box. The actual thickness of these outline values is not specified, but “thin” should have a smaller thickness than “medium”, which should have a smaller thickness than “thick”
[length] Sets the width of the outline around the current element rendering box to an explicit measurement

Related Posts by Categories



Widget by John | Interviewghost
  1. 0 comments: Responses to “ CSS OUTLINE-WIDTH ”

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :