HTML and CSS Reference
In-Depth Information
• See the entry for the
border-style
property for a visual example of each outline
style.
• Outlines may not present themselves as boxes, as borders tend to do, because they
may wrap irregularly shaped elements; see the entry for
outline
for a visual
example of this.
outline-width
This property defines a width for an element's outline.
Syntax
outline-width:
length
| medium | thick | thin | inherit
Like
border-width
, this property's values can be keywords (
thin
,
medium
, or
thick
) and
numerical lengths such as pixels (
px
), inches (
in
), and so on.
Examples
p {outline-style: dashed; outline-width: thick;}
.test {outline-width: 10px; outline-style: solid; outline-color: black;}
Compatibility
CSS 2, 3
IE 8+
Firefox 1.5+
Opera 7+, Safari 1.2+
Notes
• Older Firefox- and Mozilla-based browsers like Netscape 6+ could set this value
using a proprietary property
-moz-outline-width
.
• As described in the entry for
outline
, when setting
outline-width
the outline
should not take up canvas space and may overlap other elements.
overflow
This property determines an element's behavior when its content doesn't fit into the space
defined by the element's other properties.
Syntax
overflow: auto | hidden | scroll | visible | inherit
By default, content will be
visible
, but a value of
hidden
will clip content that extends past
the defined region size. A value of
scroll
adds scroll bars appropriately so that content
