border-top-right-radius

  • Revision slug: CSS/border-top-right-radius
  • Revision title: border-top-right-radius
  • Revision id: 39664
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 58 words added

Revision Content

{{ CSSMozExtensionRef() }}

Summary

In Mozilla applications like Firefox, the -moz-border-radius-topright CSS property sets the rounding of the top-right corner of the border.

See the {{ cssxref("-moz-border-radius") }} property for more information.

Examples

div { -moz-border-radius-topright:     20px;  /* Firefox */
      -webkit-border-top-right-radius: 20px;  /* Safari/WebKit */
              border-top-right-radius: 20px;  /* future browsers with CSS3 support */
}

Specifications

CSS 3 Backgrounds and Borders #border-radius Working draft

Browser compatibility

CSS3 Working Draft IE Firefox 1.0 (Gecko 1.0) Opera Safari 3.0 (WebKit 522)
border-top-right-radius --- -moz-border-radius-topright --- -webkit-border-top-right-radius
border-top-left-radius --- -moz-border-radius-topleft --- -webkit-border-top-left-radius
border-bottom-right-radius --- -moz-border-radius-bottomright --- -webkit-border-bottom-right-radius
border-bottom-left-radius --- -moz-border-radius-bottomleft --- -webkit-border-bottom-left-radius

{{ languages( { "fr": "fr/CSS/-moz-border-radius-topright", "ja": "ja/CSS/-moz-border-radius-topright","pl": "pl/CSS/-moz-border-radius-topright" } ) }}

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3>Summary</h3>
<p>In Mozilla applications like Firefox, the<code> -moz-border-radius-topright </code>CSS property sets the rounding of the top-right corner of the border.</p>
<p>See the {{ cssxref("-moz-border-radius") }} property for more information.</p>
<h3>Examples</h3>
<pre>div { -moz-border-radius-topright:     20px;  /* Firefox */
      -webkit-border-top-right-radius: 20px;  /* Safari/WebKit */
              border-top-right-radius: 20px;  /* future browsers with CSS3 support */
}
</pre>
<h3>Specifications</h3>
<p><a class="external" href="http://www.w3.org/TR/css3-background/#the-border-radius" title="http://www.w3.org/TR/css3-background/#the-border-radius">CSS 3 Backgrounds and Borders #border-radius</a> Working draft</p>
<h3>Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>CSS3 Working Draft</th> <th>IE</th> <th>Firefox 1.0 (Gecko 1.0)</th> <th>Opera</th> <th>Safari 3.0 (WebKit 522)</th> </tr> <tr> <th><code>border-top-right-radius</code></th> <td>---</td> <td><code>-moz-border-radius-topright</code></td> <td>---</td> <td><code>-webkit-border-top-right-radius</code></td> </tr> <tr> <th><code>border-top-left-radius</code></th> <td>---</td> <td><code>-moz-border-radius-topleft</code></td> <td>---</td> <td><code>-webkit-border-top-left-radius</code></td> </tr> <tr> <th><code>border-bottom-right-radius</code></th> <td>---</td> <td><code>-moz-border-radius-bottomright</code></td> <td>---</td> <td><code>-webkit-border-bottom-right-radius</code></td> </tr> <tr> <th><code>border-bottom-left-radius</code></th> <td>---</td> <td><code>-moz-border-radius-bottomleft</code></td> <td>---</td> <td><code>-webkit-border-bottom-left-radius</code></td> </tr> </tbody>
</table>
<p>{{ languages( { "fr": "fr/CSS/-moz-border-radius-topright", "ja": "ja/CSS/-moz-border-radius-topright","pl": "pl/CSS/-moz-border-radius-topright" } ) }}</p>
Revert to this revision