Compare Revisions

border-top-left-radius

Change Revisions

Revision 39737:

Revision 39737 by teoli on

Revision 39738:

Revision 39738 by teoli on

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

Revision 39737
Revision 39738
nn135        <tr>
136          <td>
137            <div style="background-color:lightgreen;border:solid 
 >1px black;border-top-left-radius:40%;width:100px;height:100px">
138              <div style="display:none;">
139                .
140              </div>
141            </div>
142          </td>
143          <td>
144            The box is a square: an arc of circle is used as the 
 >border
145            <pre>
146div {   
147  border-top-left-radius: 40%;
148}
149</pre>
150          </td>
151        </tr>
152        <tr>
153          <td>
154            <div style="background-color:lightgreen;border:solid 
 >1px black;border-top-left-radius:40%;width:100px;height:200px">
155              <div style="display:none;">
156                .
157              </div>
158            </div>
159          </td>
160          <td>
161            The box is not a square: an arc of ellipse is used as
 > the border
162            <pre>
163div {   
164  border-top-left-radius: 40%;
165}
166</pre>
167          </td>
168        </tr>
t137    <pre>t
138div {   
139  border-top-left-radius: 10%;  /* An arc of ellipse or of a circ
>le is used as the border,*/ 
140                                /* depending of the shape of the 
>div */ 
141}
142</pre>
143    <div style="background-color:lightgreen;border:solid 1px blac
>k;border-top-left-radius:20%;width:100px;height:100px"> 
144      <div style="display:none;">
145        .
146      </div>
147    </div>
148    <div style="background-color:lightgreen;border:solid 1px blac
>k;border-top-left-radius:20%;width:250px;height:100px"> 
149      <div style="display:none;">
150        .
151      </div>
152    </div>

Back to History