mozilla

Compare Revisions

border-radius

Change Revisions

Revision 36283:

Revision 36283 by Sheppy on

Revision 36284:

Revision 36284 by teoli 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 36283
Revision 36284
t14      The <code>border-radius</code> CSS property can be used to t14      The <code>border-radius</code> CSS property allowing to def
>give borders rounded corners. The radius applies also to the <cod>ine how much borders have rounded corners. The curve of each corn
>e>background</code> even if the element has no border.>er is defined using one or two radius, defining its shape, a circ
 >le or an ellipse. The radius applies&nbsp; to the whole <code>bac
 >kground</code>, even if the element has no border.
15    </p>
16    <p>15    </p>
17      <code>border-radius</code> is a shortcut to set the four pr16    <p>
>operties {{ Cssxref("border-top-left-radius") }}, {{ Cssxref("bor 
>der-top-right-radius") }}, {{ Cssxref("border-bottom-right-radius 
>") }} and {{ Cssxref("border-bottom-left-radius") }}. 
17      This property is a <a href="/en/CSS/Shorthand_properties" t
 >itle="en/CSS/Shorthand_properties">shorthand</a> to set the four 
 >properties {{ Cssxref("border-top-left-radius") }}, {{ Cssxref("b
 >order-top-right-radius") }}, {{ Cssxref("border-bottom-right-radi
 >us") }} and {{ Cssxref("border-bottom-left-radius") }}.

Back to History