mozilla

Compare Revisions

border-radius

Change Revisions

Revision 36249:

Revision 36249 by myakura on

Revision 36250:

Revision 36250 by myakura on

Title:
border-radius
border-radius
Slug:
CSS/border-radius
CSS/border-radius
Tags:
css, "CSS Reference", CSS3, css3-background, NeedsMobileBrowserCompatibility
css, "CSS Reference", CSS3, css3-background, NeedsMobileBrowserCompatibility
Content:

Revision 36249
Revision 36250
n81    <div class="script" function="template.style_gecko_minversionn
>($, '1.9.1')"> 
82      <p>81    <p>
83        If the slash followed by a second set of radii is specifi82      If the slash followed by a second set of radii is specified
>ed, the values before the slash are used to specify the horizonta>, the values before the slash are used to specify the horizontal 
>l radius, while the values after the slash specify the vertical r>radius, while the values after the slash specify the vertical rad
>adius.&nbsp; If the slash is omitted, then the same values are us>ius.&nbsp; If the slash is omitted, then the same values are used
>ed to set both horizontal and vertical radii.> to set both horizontal and vertical radii.
84      </p>83    </p>
85      <p>84    <p>
86        For example:85      For example:
87      </p>86    </p>
88      <pre class="brush: css">87    <pre class="brush: css">
89-moz-border-radius: 1em/5em;88border-radius: 1em/5em;
90     border-radius: 1em/5em;
n94-moz-border-radius-topleft:     1em 5em;n
95-moz-border-radius-topright:    1em 5em;
96-moz-border-radius-bottomright: 1em 5em;
97-moz-border-radius-bottomleft:  1em 5em;
n103      <pre class="brush: css">n97    <pre class="brush: css">
104-moz-border-radius: 4px 3px 6px / 2px 4px;98border-radius: 4px 3px 6px / 2px 4px;
105     border-radius: 4px 3px 6px / 2px 4px;
n109-moz-border-radius-topleft:     4px 2px;n
110-moz-border-radius-topright:    3px 4px;
111-moz-border-radius-bottomright: 6px 2px;
112-moz-border-radius-bottomleft:  3px 4px;
t118      <div class="note">t107    <div class="note">
119        <strong>Note:</strong>&nbsp; Elliptical borders (the slas108      <strong>Note:</strong>&nbsp; Elliptical borders (the slash 
>h plus additional border radius values syntax) are not supported >plus additional border radius values syntax) are not supported pr
>prior to Gecko 1.9.1 (Firefox 3.5).>ior to Gecko 1.9.1 (Firefox 3.5).
120      </div>

Back to History