mozilla
Your Search Results

    -moz-outline-radius

    この記事はまだ日本語に翻訳されていません。MDN の翻訳はボランティアによって行われています。是非 MDN に登録し、私たちの力になって下さい。

    Summary

    In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give outlines rounded corners. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

    -moz-outline-radius is a convenient shortcut to set the four properties -moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomright and -moz-outline-radius-bottomleft.

    Syntax

    -moz-outline-radius:  <outline-radius>{1,4} [ / <outline-radius>{1,4}]? | inherit

    Values

    Elliptical outlines and <percentage> values follow the syntax described in border-radius.

    One, two, three or four <outline-radius> values, represents one of:

    <length>
    See <length> for possible values
    <percentage>
    A <percentage>; see border-radius for details
    • One single value applies to all 4 corners
    • Two values apply to 1. topLeft and bottomRight and 2. to the topRight and bottomLeft corner
    • Three values apply to 1. topLeft, 2. topRight and bottomLeft and 3. to the bottomRight corner
    • Four values apply to 1. topLeft, 2. topRight, 3. bottomRight and 4. to the bottomLeft corner

    Examples

     outline: dotted red;
    
     -moz-outline-radius:  12% 1em 25px;
       /* is equivalent to: */
     -moz-outline-radius-topleft:     12%;
     -moz-outline-radius-topright:    1em;
     -moz-outline-radius-bottomright: 35px;
     -moz-outline-radius-bottomleft:  1em;

    Notes

    • dotted or dashed radiused corners are rendered as solid, bug 382721
    • Future versions of Gecko/Firefox may drop this property completely. See bug 593717 (remove -moz-outline-radius and make outlines follow border-radius)

    Specifications

    This property it is not defined in any CSS standard.

    Browser compatibility

    Support since Firefox 1.5 (Gecko 1.8). There is no correlative property in other major Browsers.

    See also

    ドキュメントのタグと貢献者

    最終更新者: Sheppy,