Compare Revisions

border-radius

Revision 235745:

Revision 235745 by DEH on

Revision 236650:

Revision 236650 by fvsch 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 235745
Revision 236650
n214    <pre style="float:left; margin:10px; border:solid 10px; borden214    <pre style="display:inline-block; margin:10px; border:solid 1
>r-radius:0 50px 50px 0;">>0px; border-radius: 10px 40px 40px 10px;">
215 border: solid 10px;215  border: solid 10px;
216 
217 /* the border will curve into a 'D' */216  /* the border will curve into a 'D' */  
218 border-radius: 10px 30px 30px 10px;217  border-radius: 10px 40px 40px 10px;
n220    <pre style="float:left; margin:10px; border: groove 1em red; n219    <pre style="display:inline-block; margin:10px; border: groove
>border-radius:2em;">> 1em red; border-radius:2em;">
221 border: groove 1em red;220  border: groove 1em red;  
222 border-radius: 2em;221  border-radius: 2em;
n224    <pre style="float:left; margin:10px; background:gold; border:n223    <pre style="display:inline-block; margin:10px; background:gol
>ridge gold; border-radius:13em/3em;">>d; border:ridge gold; border-radius:13em/3em;">
n227  border-radius: 13em/3em;n226  border-radius: 13em/3em; 
n229    <pre style="float:left; border:none; margin:10px; background:n228    <pre style="display:inline-block; margin:10px; background:gol
>gold; border-radius: 40px 10px;">>d; border:none; border-radius: 40px 10px;">
230   background: gold;229  border: none;
231   border-radius: 40px 10px; 230  border-radius: 40px 10px;  
t233    <pre style="float:left; border:none; margin:10px; background:t232    <pre style="display:inline-block; margin:10px; background:bla
>black; color:gray; border-radius:50%">>ck; color:white; border:none; border-radius:50%">
234background: black;233  border: none;
235color: gray;
236border-radius: 50%;234  border-radius: 50%; 

Back to History