mozilla

Compare Revisions

border-radius

Change Revisions

Revision 36291:

Revision 36291 by teoli on

Revision 36292:

Revision 36292 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 36291
Revision 36292
t78      <dl style="padding-left:6em;">t78      <table>
79        <dt style="float:left;width:12em">79        <tbody>
80          <tr>
81            <td style="vertical-align:top">
80          <em>radius</em>82              <em>radius</em>
81        </dt>83            </td>
82        <dd style="padding-left:12em">84            <td>
85              <img alt="all-corner.png" class="internal default" 
 >src="/@api/deki/files/6138/=all-corner.png">
86            </td>
87            <td style="vertical-align:top">
83          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(88              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in each corner of th>age() }} denoting a radius to use for the border in each corner o
>e border. It is used only in the one-value syntax.>f the border. It is used only in the one-value syntax.
84        </dd>89            </td>
85        <dt style="float:left;width:12em">90          </tr>
91          <tr>
92            <td style="vertical-align:top">
86          <em>top-left-and-bottom-right</em>93              <em>top-left-and-bottom-right</em>
87        </dt>94            </td>
88        <dd style="padding-left:12em">95            <td>
96              <img alt="top-left-bottom-right.png" class="interna
 >l default" src="/@api/deki/files/6141/=top-left-bottom-right.png"
 >>
97            </td>
98            <td style="vertical-align:top">
89          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(99              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the top-left and >age() }} denoting a radius to use for the border in the top-left 
>bottom-right corners of the element's box. It is used only in the>and bottom-right corners of the element's box. It is used only in
> two-value syntax.> the two-value syntax.
90        </dd>100            </td>
91        <dt style="float:left;width:12em">101          </tr>
102          <tr>
103            <td style="vertical-align:top">
92          <em>top-right-and-bottom-right</em>104              <em>top-right-and-bottom-left</em>
93        </dt>105            </td>
94        <dd style="padding-left:12em">106            <td>
107              <img alt="top-right-bottom-left.png" class="interna
 >l default" src="/@api/deki/files/6143/=top-right-bottom-left.png"
 > style="">
108            </td>
109            <td style="vertical-align:top">
95          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(110              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the top-left and >age() }} denoting a radius to use for the border in the top-right
>bottom-right corners of the element's box. It is used only in the> and bottom-left corners of the element's box. It is used only in
> two- and three-value syntaxes.> the two- and three-value syntaxes.
96        </dd>111            </td>
97        <dt style="float:left;width:12em">112          </tr>
113          <tr>
114            <td style="vertical-align:top">
98          <em>top-left</em>115              <em>top-left</em>
99        </dt>116            </td>
100        <dd style="padding-left:12em">117            <td>
118              <img alt="top-left.png" class="internal default" sr
 >c="/@api/deki/files/6142/=top-left.png" style="">
119            </td>
120            <td style="vertical-align:top">
101          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(121              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the top-left corn>age() }} denoting a radius to use for the border in the top-left 
>er of the element's box. It is used only in the three- and four-v>corner of the element's box. It is used only in the three- and fo
>alue syntaxes.>ur-value syntaxes.
102        </dd>122            </td>
103        <dt style="float:left;width:12em">123          </tr>
124          <tr>
125            <td style="vertical-align:top">
104          <em>top-right</em>126              <em>top-right</em>
105        </dt>127            </td>
106        <dd style="padding-left:12em">128            <td style="margin-left:2px;">
129              <img alt="top-right.png" class="internal default" s
 >rc="/@api/deki/files/6144/=top-right.png" style="">
130            </td>
131            <td style="vertical-align:top">
107          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(132              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the top-right cor>age() }} denoting a radius to use for the border in the top-right
>ner of the element's box. It is used only in the four-value synta> corner of the element's box. It is used only in the four-value s
>x.>yntax.
108        </dd>133            </td>
109        <dt style="float:left;width:12em">134          </tr>
135          <tr>
136            <td style="vertical-align:top">
110          <em>bottom-right</em>137              <em>bottom-right</em>
111        </dt>138            </td>
112        <dd style="padding-left:12em">139            <td style="margin-left:2px;">
140              <img alt="bottom-rigth.png" class="internal default
 >" src="/@api/deki/files/6140/=bottom-rigth.png">
141            </td>
142            <td style="vertical-align:top">
113          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(143              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the bottom-right >age() }} denoting a radius to use for the border in the bottom-ri
>corner of the element's box. It is used only in the three- and fo>ght corner of the element's box. It is used only in the three- an
>ur-value syntaxes.>d four-value syntaxes.
114        </dd>144            </td>
115        <dt style="float:left;width:12em">145          </tr>
146          <tr>
147            <td style="vertical-align:top">
116          <em>bottom-left</em>148              <em>bottom-left</em>
117        </dt>149            </td>
118        <dd style="padding-left:12em">150            <td>
151              <img alt="bottom-left.png" class="internal default"
 > src="/@api/deki/files/6139/=bottom-left.png">
152            </td>
153            <td style="vertical-align:top">
119          Is a {{ xref_csslength() }} or a {{ xref_csspercentage(154              Is a {{ xref_csslength() }} or a {{ xref_csspercent
>) }} denoting a radius to use for the border in the bottom-left c>age() }} denoting a radius to use for the border in the bottom-le
>orner of the element's box. It is used only in the four-value syn>ft corner of the element's box. It is used only in the four-value
>tax.> syntax.
120        </dd>155            </td>
121        <dt style="float:left;width:12em">156          </tr>
157          <tr>
158            <td style="vertical-align:top">
122          <code>inherit</code>159              <code>inherit</code>
123        </dt>160            </td>
124        <dd style="padding-left:12em">161            <td>
162              &nbsp;
163            </td>
164            <td style="vertical-align:top">
125          Is a keyword indicating that all four values are inheri165              Is a keyword indicating that all four values are in
>ted from their parent's element calculated value.>herited from their parent's element calculated value.
166            </td>
167          </tr>
126        </dd>168        </tbody>
127      </dl>169      </table>

Back to History