HTML and CSS Reference
In-Depth Information
Examples
#offset1 {outline: dashed 4px green; border: solid 10px red;
outline-offset: 15px;}
#offset2 {outline: dashed 4px green; border: solid 10px red;
outline-offset: -45px;}
Compatibility
CSS3
Firefox 1.5+, Opera 9.5+, Safari 1.2+
Note
• Before Firefox 1.5, Mozilla browsers supported the equivalent
-moz-outline-
offset
property.
outline-radius
This property defines the rounding of the corners on an outline.
Syntax
outline-radius:
lengths
| inherit
where
lengths
is up to four valid CSS length or percentage values to round the corners of the
outline. When multiple values are used, they are applied starting with the top left and
proceeding to top right, bottom right, and finally bottom left. The values copy into the
locations opposite, similar to how margins and paddings are handled in CSS.
Examples
#radius1 {-moz-outline-radius: 20px;}
#radius2 {-moz-outline-radius: 20px 5px;}
#radius3 {-moz-outline-radius: 20px 60px 5px 45px;}
Compatibility
CSS3 speculative
Firefox 3+
Notes
• This property is alluded to in CSS3 discussions, though it is not currently
documented. The discussion here is based upon the current implementation in
Mozilla-based browsers, which support it as
-moz-outline-radius
.
• Mozilla browsers also define
-moz-outline-radius-topleft
,
-moz-outline-
radius-topright
,
-moz-outline-radius-bottomright
, and
-moz-outline-
radius-bottomleft
to set the corners individually.
overflow-style
This property allows a marquee to be used in the case of a text overflow.
Syntax
overflow-style: auto | marquee-block | marquee-line
