mozilla

Compare Revisions

-moz-outline-radius

Change Revisions

Revision 108364:

Revision 108364 by Jürgen Jeka on

Revision 108365:

Revision 108365 by Jürgen Jeka on

Title:
-moz-outline-radius
-moz-outline-radius
Slug:
CSS/-moz-outline-radius
CSS/-moz-outline-radius
Tags:
css, "CSS Reference", "CSS:Mozilla Extensions"
css, "CSS Reference", "CSS:Mozilla Extensions"
Content:

Revision 108364
Revision 108365
n14      In Mozilla applications, <code>-moz-outline-radius</code> cn14      In Mozilla applications like Firefox, <code>-moz-outline-ra
>an be used to give outlines rounded corners. An outline is a line>dius</code> can be used to give outlines rounded corners. An {{ c
> that is drawn around elements, outside the border edge, to make >ssxref("outline" }} is a line that is drawn around elements, outs
>the element stand out:>ide the border edge, to make the element stand out.
n23      <li>Percentages: relative to the width of the boxn23      <li>Percentages: yes, relative to the width of the box
n33    <pre class="eval">n33    <pre>
n47        a lengthn47        See {{ Xref_csslength() }} for possible values<br>
n53        percentage, relative to the width of the boxn53        A {{ Xref_csspercentage() }}, relative to the width of th
 >e box
n56    <p>n56    <ul>
57      Then the 4 values are used in the order top-left, top-right57      <li>
>, bottom-right, and bottom-left. If fewer than 4 values are given 
>, the list of values is repeated to fill the remaining values. 
58        <strong>One</strong> single value applies to <em>all 4 co
 >rners<br></em>
59      </li>
60      <li>
61        <strong>Two</strong> values apply to <strong>1.</strong> 
 ><em>topLeft and bottomRight</em> and <strong>2.</strong> to the <
 >em>topRight and bottomLeft</em> corner
62      </li>
63      <li>
64        <strong>Three</strong> values apply to <strong>1.</strong
 >> <em>top</em>Left, <strong>2.</strong> <em>topRight and bottomLe
 >ft</em> and <strong>3.</strong> to the <em>bottomRight</em> corne
 >r
65      </li>
66      <li>
67        <strong>Four</strong> values apply to <strong>1.</strong>
 > <em>top</em>Left, <strong>2.</strong> <em>topRight</em>, <strong
 >>3.</strong> <em>bottomRight</em> and <strong>4.</strong> to the 
 ><em>bottomLeft</em> corner
68      </li>
58    </p>69    </ul>
n64  -moz-outline: #000000 solid 10px;n75  outline: #000000 solid thin;
n77    <h3 name="Known_bugs">n88    <h3>
t87      There is no correlative property in other major Browsers.t98      Support since Firefox 1.0 (Gecko 1.7). There is no correlat
 >ive property in other major Browsers.

Back to History