MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

border-style

Change Revisions

Revision 289904:

Revision 289904 by teoli on

Revision 289905:

Revision 289905 by teoli on

Title:
border-style
border-style
Slug:
CSS/border-style
CSS/border-style
Tags:
css, CSS Reference
css, CSS Reference
Content:

Revision 289904
Revision 289905
n4 n
5    <style type="text/css">
6<![CDATA[
7    div.where {
8    font-size: 0.9em;
9    }
10    div.where + p {
11    float:left; 
12    margin:0;
13    }
14    div.where dl {
15    padding-left:6em;
16    }
17    div.where dt {
18    float:left;width:7.5em
19    }
20    div.where dd {
21    padding-left:7.5em
22    }
23 
24        
25        
26        ]]>  
27    </style>
n61      <nobr>Syntax</nobr>n37      Syntax
n63    <div>n
64      <pre class="twopartsyntaxbox">39    <pre class="twopartsyntaxbox">
n67</pre>n42</pre>pre&gt; border-style: <em>style</em> <em>/* One-value synta
 >x */</em> E.g. border-style: dashed; border-style: <em>horizontal
 ></em> <em>vertical</em> <em>/* Two-value syntax */</em> E.g. bord
 >er-style: dotted solid; border-style: <em>top</em> <em>vertical</
 >em> <em>bottom</em> <em>/* Three-value syntax */</em> E.g. border
 >-style: hidden double dashed; border-style: <em>top</em> <em>righ
 >t</em> <em>bottom</em> <em>left</em> <em>/* Four-value syntax */<
 >/em> E.g. border-style: none solid dotted dashed; border-style: i
 >nherit
68      <pre>
69border-style: <em>style</em>                    <em>  /* One-valu
>e syntax */</em>       E.g. border-style: dashed; 
70border-style: <em>horizontal</em> <em>vertical</em>        <em>/*
> Two-value syntax */       </em>E.g. border-style: dotted solid; 
71border-style: <em>top</em> <em>vertical</em> <em>bottom   </em><e
>m>     /* Three-value syntax */     </em>E.g. border-style: hidde 
>n double dashed; 
72border-style: <em>top</em> <em>right</em> <em>bottom</em> <em>lef
>t </em><em>     /* Four-value syntax */      </em>E.g. border-sty 
>le: none solid dotted dashed; 
73 
74border-style: inherit
75</pre>
76      <div class="where">
77        <p>
78          <nobr>where:</nobr>
79        </p>
80        <dl>
81          <dt>
82            <nobr><em>style</em></nobr>
83          </dt>
84          <dd>
85            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to all four edges. It is used o 
>nly in the one-value syntax.</nobr> 
86          </dd>
87          <dt>
88            <nobr><em>horizontal</em></nobr>
89          </dt>
90          <dd>
91            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to all horizontal edges, that i 
>s the top and bottom edges. It is used only in the two-value synt 
>ax.</nobr> 
92          </dd>
93          <dt>
94            <nobr><em>vertical</em></nobr>
95          </dt>
96          <dd>
97            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to all vertical edges, that is  
>the right and left edges. It is used only in the two- and three-v 
>alue syntaxes.</nobr> 
98          </dd>
99          <dt>
100            <nobr><em>top</em></nobr>
101          </dt>
102          <dd>
103            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to the top edge. It is used onl 
>y in the three- and four-value syntaxes.</nobr> 
104          </dd>
105          <dt>
106            <nobr><em>bottom</em></nobr>
107          </dt>
108          <dd>
109            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to the bottom edge. It is used  
>only in the three- and four-value syntaxes.</nobr> 
110          </dd>
111          <dt>
112            <nobr><em>right</em></nobr>
113          </dt>
114          <dd>
115            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to the top edge. It is used onl 
>y in the four-value syntax.</nobr> 
116          </dd>
117          <dt>
118            <nobr><em>left</em></nobr>
119          </dt>
120          <dd>
121            <nobr>Is a <code>&lt;border-style&gt;</code> denoting
> the style of the border to apply to the top edge. It is used onl 
>y in the four-value syntax.</nobr> 
122          </dd>
123          <dt>
124            <nobr><code>inherit</code></nobr>
125          </dt>
126          <dd>
127            <nobr>Is a keyword indicating that all four values ar
>e inherited from their parent's element calculated value.</nobr> 
128          </dd>
129        </dl>
130      </div>
131      <h3 id="Values">43    <h3 id="Values">
132        <nobr>Values</nobr>44      Values
133      </h3>45    </h3>
134      <dl>46    <dl>
135        <dt>47      <dt>
136          <nobr>&lt;border-style&gt;&nbsp;</nobr>48        &lt;border-style&gt;
137        </dt>49      </dt>
138        <dd>50      <dd>
139          <nobr>Is a keyword describing the style of the bottom b51        Is a keyword describing the style of the bottom border. I
>order. It can have the following values:</nobr>>t can have the following values:
140          <table class="standard-table">52        <table class="standard-table">
141            <tbody>53          <tbody>
142              <tr>54            <tr>
143                <td style="vertical-align:middle;">55              <td style="vertical-align:middle;">
144                  <code>none</code>56                <code>none</code>
145                </td>57              </td>
146                <td style="vertical-align:middle;">58              <td style="vertical-align:middle;">
147                  <div style="margin:0.5em; width:3em; height:3em59                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:none; background-color:palegreen;">>border-style:none; background-color:palegreen;">
148                    <span style="display:none;">fake</span>60                  <span style="display:none;">fake</span>
149                  </div>61                </div>
150                </td>62              </td>
151                <td style="vertical-align:middle;">63              <td style="vertical-align:middle;">
152                  Like for the <code>hidden</code> keyword, displ64                Like for the <code>hidden</code> keyword, display
>ays no border. In that case, except if a background image is set,>s no border. In that case, except if a background image is set, t
> the calculated values of {{ cssxref("border-width") }} will be <>he calculated values of {{ cssxref("border-width") }} will be <co
>code>0</code>, even if specified otherwise through the property. >de>0</code>, even if specified otherwise through the property. In
>In case of table cell and border collapsing, the <code>none</code> case of table cell and border collapsing, the <code>none</code> 
>> value has the lowest priority: it means that if any other confl>value has the lowest priority: it means that if any other conflic
>icting border is set, it will be displayed.>ting border is set, it will be displayed.
153                </td>65              </td>
154              </tr>66            </tr>
155              <tr>67            <tr>
156                <td style="vertical-align:middle;">68              <td style="vertical-align:middle;">
157                  <code>hidden</code>69                <code>hidden</code>
158                </td>70              </td>
159                <td style="vertical-align:middle;">71              <td style="vertical-align:middle;">
160                  <div style="margin:0.5em; width:3em; height:3em72                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:hidden; background-color:palegreen;">>border-style:hidden; background-color:palegreen;">
161                    <span style="display:none;">fake</span>73                  <span style="display:none;">fake</span>
162                  </div>74                </div>
163                </td>75              </td>
164                <td style="vertical-align:middle;">76              <td style="vertical-align:middle;">
165                  Like for the <code>none</code> keyword, display77                Like for the <code>none</code> keyword, displays 
>s no border. In that case, except if a background image is set, t>no border. In that case, except if a background image is set, the
>he calculated values of {{ cssxref("border-width") }} will be <co> calculated values of {{ cssxref("border-width") }} will be <code
>de>0</code>, even if specified otherwise through the property. In>>0</code>, even if specified otherwise through the property. In c
> case of table cell and border collapsing, the <code>hidden</code>ase of table cell and border collapsing, the <code>hidden</code> 
>> value has the highest priority: it means that if any other conf>value has the highest priority: it means that if any other confli
>licting border is set, it won't be displayed.>cting border is set, it won't be displayed.
166                </td>78              </td>
167              </tr>79            </tr>
168              <tr>80            <tr>
169                <td style="vertical-align:middle;">81              <td style="vertical-align:middle;">
170                  <code>dotted</code>82                <code>dotted</code>
171                </td>83              </td>
172                <td style="vertical-align:middle;">84              <td style="vertical-align:middle;">
173                  <div style="margin:0.5em; width:3em; height:3em85                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:dotted; background-color:palegreen;">>border-style:dotted; background-color:palegreen;">
174                    <span style="display:none;">fake</span>86                  <span style="display:none;">fake</span>
175                  </div>87                </div>
176                </td>88              </td>
177                <td style="vertical-align:middle;">89              <td style="vertical-align:middle;">
178                  Displays a series of rounded dots. The spacing 90                Displays a series of rounded dots. The spacing of
>of the dots are not defined by the specification and are implemen> the dots are not defined by the specification and are implementa
>tation-specific. The radius of the dots is half the calculated {{>tion-specific. The radius of the dots is half the calculated {{ c
> cssxref("border-width") }}.>ssxref("border-width") }}.
179                </td>91              </td>
180              </tr>92            </tr>
181              <tr>93            <tr>
182                <td style="vertical-align:middle;">94              <td style="vertical-align:middle;">
183                  <code>dashed</code>95                <code>dashed</code>
184                </td>96              </td>
185                <td style="vertical-align:middle;">97              <td style="vertical-align:middle;">
186                  <div style="margin:0.5em; width:3em; height:3em98                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:dashed; background-color:palegreen;">>border-style:dashed; background-color:palegreen;">
187                    <span style="display:none;">fake</span>99                  <span style="display:none;">fake</span>
188                  </div>100                </div>
189                </td>101              </td>
190                <td style="vertical-align:middle;">102              <td style="vertical-align:middle;">
191                  Displays a series of short square-ended dashes 103                Displays a series of short square-ended dashes or
>or line segments. The exact size and length of the segments are n> line segments. The exact size and length of the segments are not
>ot defined by the specification and are implementation-specific.> defined by the specification and are implementation-specific.
192                </td>104              </td>
193              </tr>105            </tr>
194              <tr>106            <tr>
195                <td style="vertical-align:middle;">107              <td style="vertical-align:middle;">
196                  <code>solid</code>108                <code>solid</code>
197                </td>109              </td>
198                <td style="vertical-align:middle;">110              <td style="vertical-align:middle;">
199                  <div style="margin:0.5em; width:3em; height:3em111                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:solid; background-color:palegreen;">>border-style:solid; background-color:palegreen;">
200                    <span style="display:none;">fake</span>112                  <span style="display:none;">fake</span>
201                  </div>113                </div>
202                </td>114              </td>
203                <td style="vertical-align:middle;">115              <td style="vertical-align:middle;">
204                  Displays a single, straight, solid line.116                Displays a single, straight, solid line.
205                </td>117              </td>
206              </tr>118            </tr>
207              <tr>119            <tr>
208                <td style="vertical-align:middle;">120              <td style="vertical-align:middle;">
209                  <code>double</code>121                <code>double</code>
210                </td>122              </td>
211                <td style="vertical-align:middle;">123              <td style="vertical-align:middle;">
212                  <div style="margin:0.5em; width:3em; height:3em124                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:double; background-color:palegreen;">>border-style:double; background-color:palegreen;">
213                    <span style="display:none;">fake</span>125                  <span style="display:none;">fake</span>
214                  </div>126                </div>
215                </td>127              </td>
216                <td style="vertical-align:middle;">128              <td style="vertical-align:middle;">
217                  Displays two straight lines that add up to the 129                Displays two straight lines that add up to the pi
>pixel amount defined as {{ cssxref("border-width") }} .>xel amount defined as {{ cssxref("border-width") }} .
218                </td>130              </td>
219              </tr>131            </tr>
220              <tr>132            <tr>
221                <td style="vertical-align:middle;">133              <td style="vertical-align:middle;">
222                  <code>groove</code>134                <code>groove</code>
223                </td>135              </td>
224                <td style="vertical-align:middle;">136              <td style="vertical-align:middle;">
225                  <div style="margin:0.5em; width:3em; height:3em137                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:groove; background-color:palegreen;">>border-style:groove; background-color:palegreen;">
226                    <span style="display:none;">fake</span>138                  <span style="display:none;">fake</span>
227                  </div>139                </div>
228                </td>140              </td>
229                <td style="vertical-align:middle;">141              <td style="vertical-align:middle;">
230                  Displays a border leading to a carved effect. I142                Displays a border leading to a carved effect. It 
>t is the opposite of <code>ridge</code>.>is the opposite of <code>ridge</code>.
231                </td>143              </td>
232              </tr>144            </tr>
233              <tr>145            <tr>
234                <td style="vertical-align:middle;">146              <td style="vertical-align:middle;">
235                  <code>ridge</code>147                <code>ridge</code>
236                </td>148              </td>
237                <td style="vertical-align:middle;">149              <td style="vertical-align:middle;">
238                  <div style="margin:0.5em; width:3em; height:3em150                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:ridge; background-color:palegreen;">>border-style:ridge; background-color:palegreen;">
239                    <span style="display:none;">fake</span>151                  <span style="display:none;">fake</span>
240                  </div>152                </div>
241                </td>153              </td>
242                <td style="vertical-align:middle;">154              <td style="vertical-align:middle;">
243                  Displays a border with a 3D effect, like if it 155                Displays a border with a 3D effect, like if it is
>is coming out of the page. It is the opposite of <code>groove</co> coming out of the page. It is the opposite of <code>groove</code
>de>.>>.
244                </td>156              </td>
245              </tr>157            </tr>
246              <tr>158            <tr>
247                <td style="vertical-align:middle;">159              <td style="vertical-align:middle;">
248                  <code>inset</code>160                <code>inset</code>
249                </td>161              </td>
250                <td style="vertical-align:middle;">162              <td style="vertical-align:middle;">
251                  <div style="margin:0.5em; width:3em; height:3em163                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:inset; background-color:palegreen;">>border-style:inset; background-color:palegreen;">
252                    <span style="display:none;">fake</span>164                  <span style="display:none;">fake</span>
253                  </div>165                </div>
254                </td>166              </td>
255                <td style="vertical-align:middle;">167              <td style="vertical-align:middle;">
256                  Displays a border that makes the box appear emb168                Displays a border that makes the box appear embed
>edded. It is the opposite of <code>outset</code>. When applied to>ded. It is the opposite of <code>outset</code>. When applied to a
> a table cell with {{ cssxref("border-collapse") }} set to <code>> table cell with {{ cssxref("border-collapse") }} set to <code>co
>collapsed</code>, this value behaves like <code>groove</code>.>llapsed</code>, this value behaves like <code>groove</code>.
257                </td>169              </td>
258              </tr>170            </tr>
259              <tr>171            <tr>
260                <td style="vertical-align:middle;">172              <td style="vertical-align:middle;">
261                  <code>outset</code>173                <code>outset</code>
262                </td>174              </td>
263                <td style="vertical-align:middle;">175              <td style="vertical-align:middle;">
264                  <div style="margin:0.5em; width:3em; height:3em176                <div style="margin:0.5em; width:3em; height:3em; 
>; border-style:outset; background-color:palegreen;">>border-style:outset; background-color:palegreen;">
265                    <span style="display:none;">fake</span>177                  <span style="display:none;">fake</span>
266                  </div>178                </div>
267                </td>179              </td>
268                <td style="vertical-align:middle;">180              <td style="vertical-align:middle;">
269                  <p>181                <p>
270                    Displays a border that makes the box appear i182                  Displays a border that makes the box appear in 
>n 3D, embossed. It is the opposite of <code>inset</code>. When ap>3D, embossed. It is the opposite of <code>inset</code>. When appl
>plied to a table cell with {{ cssxref("border-collapse") }} set t>ied to a table cell with {{ cssxref("border-collapse") }} set to 
>o <code>collapsed</code>, this value behaves like <code>ridge</co><code>collapsed</code>, this value behaves like <code>ridge</code
>de>.>>.
271                  </p>183                </p>
272                </td>184              </td>
273              </tr>185            </tr>
274            </tbody>186          </tbody>
275          </table>187        </table>
276        </dd>188      </dd>
277      </dl>189    </dl>
278      <h2 id="Examples">190    <h2 id="Examples">
279        <nobr>Examples</nobr>191      Examples
280      </h2>192    </h2>
281      <p>193    <p>
282        <nobr>{{ CSSRefExampleLink("border") }}</nobr>194      {{ CSSRefExampleLink("border") }}
283      </p>195    </p>
284      <pre>196    <pre class="brush: css">
285<nobr>element { 197element { 
n290</nobr>n
n292      <h2 id="Specifications" name="Specifications">n203    <h2 id="Specifications" name="Specifications">
293        <nobr>Specifications</nobr>204      Specifications
294      </h2>205    </h2>
295      <table class="standard-table">206    <table class="standard-table">
296        <thead>207      <thead>
297          <tr style="background-color: rgb(255, 204, 255);">208        <tr>
298            <th scope="col">209          <th scope="col">
299              Specification210            Specification
300            </th>211          </th>
301            <th scope="col">212          <th scope="col">
302              Status213            Status
303            </th>214          </th>
304            <th scope="col">215          <th scope="col">
305              Comment216            Comment
306            </th>217          </th>
307          </tr>218        </tr>
308        </thead>219      </thead>
220      <tbody>
221        <tr>
222          <td>
223            <a class="external" href="http://www.w3.org/TR/css3-b
 >ackground/#the-border-style" title="http://www.w3.org/TR/css3-bac
 >kground/#the-border-style">CSS Backgrounds and Borders Module Lev
 >el 3</a>
224          </td>
225          <td>
226            {{ Spec2('CSS3 Backgrounds') }}
227          </td>
228          <td>
229            No change
230          </td>
231        </tr>
232        <tr>
233          <td>
234            <a class="external" href="http://www.w3.org/TR/CSS21/
 >box.html#border-style-properties" title="http://www.w3.org/TR/CSS
 >21/box.html#border-style-properties">CSS 2.1</a>
235          </td>
236          <td>
237            {{ Spec2('CSS2.1') }}
238          </td>
239          <td>
240            Added the 2-, 3- and 4-value syntaxes
241          </td>
242        </tr>
243        <tr>
244          <td>
245            <a class="external" href="http://www.w3.org/TR/CSS1/#
 >border-style" title="http://www.w3.org/TR/CSS1/#border-style">CSS
 > 1</a>
246          </td>
247          <td>
248            {{ Spec2('CSS1') }}
249          </td>
250          <td>
251            &nbsp;
252          </td>
253        </tr>
254      </tbody>
255    </table>
256    <h2 id="Browser_compatibility">
257      Browser compatibility
258    </h2>
259    <p>
260      {{ CompatibilityTable() }}
261    </p>
262    <div id="compat-desktop">
263      <table class="compat-table">
n311            <td>n266            <th>
312              <a class="external" href="http://www.w3.org/TR/css3267              Feature
>-background/#the-border-style" title="http://www.w3.org/TR/css3-b 
>ackground/#the-border-style">CSS Backgrounds and Borders Module L 
>evel 3</a> 
313            </td>268            </th>
314            <td>269            <th>
315              {{ Spec2('CSS3 Backgrounds') }}270              Firefox (Gecko)
316            </td>271            </th>
317            <td>272            <th>
318              No change273              Chrome
319            </td>274            </th>
275            <th>
276              Internet Explorer
277            </th>
278            <th>
279              Opera
280            </th>
281            <th>
282              Safari
283            </th>
n323              <a class="external" href="http://www.w3.org/TR/CSS2n287              Basic support
>1/box.html#border-style-properties" title="http://www.w3.org/TR/C 
>SS21/box.html#border-style-properties">CSS 2.1</a> 
324            </td>
325            <td>288            </td>
326              {{ Spec2('CSS2.1') }}
327            </td>289            <td>
290              {{ CompatGeckoDesktop("1.0") }}
328            <td>291            </td>
329              Added the 2-, 3- and 4-value syntaxes
330            </td>292            <td>
331          </tr>293              1.0
332          <tr>
333            <td>294            </td>
334              <a class="external" href="http://www.w3.org/TR/CSS1
>/#border-style" title="http://www.w3.org/TR/CSS1/#border-style">C 
>SS 1</a> 
335            </td>295            <td>
296              4.0
336            <td>297            </td>
337              {{ Spec2('CSS1') }}
338            </td>298            <td>
299              3.5
339            <td>300            </td>
301            <td>
340              &nbsp;302              1.0
n345      <h2 id="Browser_compatibility">n
346        <nobr>Browser compatibility</nobr>
347      </h2>
348      <p>
349        <nobr>{{ CompatibilityTable() }}</nobr>
350      </p>
351      <div id="compat-desktop">
352        <table class="compat-table">
353          <tbody>
354            <tr>
355              <th>
356                Feature
357              </th>
358              <th>
359                Firefox (Gecko)
360              </th>
361              <th>
362                Chrome
363              </th>
364              <th>
365                Internet Explorer
366              </th>
367              <th>
368                Opera
369              </th>
370              <th>
371                Safari
372              </th>
373            </tr>
374            <tr>
375              <td>
376                Basic support
377              </td>
378              <td>
379                {{ CompatGeckoDesktop("1.0") }}
380              </td>
381              <td>
382                1.0
383              </td>
384              <td>
385                4.0
386              </td>
387              <td>
388                3.5
389              </td>
390              <td>
391                1.0
392              </td>
393            </tr>
394          </tbody>
395        </table>
396      </div>
397      <div id="compat-mobile">
398        <table class="compat-table">
399          <tbody>
400            <tr>
401              <th>
402                Feature
403              </th>
404              <th>
405                Firefox Mobile (Gecko)
406              </th>
407              <th>
408                Android
409              </th>
410              <th>
411                IE&nbsp;Phone
412              </th>
413              <th>
414                Opera Mobile
415              </th>
416              <th>
417                Safari Mobile
418              </th>
419            </tr>
420            <tr>
421              <td>
422                Basic support
423              </td>
424              <td>
425                {{ CompatGeckoMobile("1.9.2") }}
426              </td>
427              <td>
428                {{ CompatUnknown() }}
429              </td>
430              <td>
431                {{ CompatUnknown() }}
432              </td>
433              <td>
434                {{ CompatUnknown() }}
435              </td>
436              <td>
437                {{ CompatUnknown() }}
438              </td>
439            </tr>
440          </tbody>
441        </table>
442      </div>
443      <h2 id="See_also">
444        <nobr>See also</nobr>
445      </h2>
446      <ul>
447        <li>
448          <nobr>The border-related shorthand CSS properties: {{ C
>ssxref("border") }}, {{ Cssxref("border-width") }}, {{ Cssxref("b 
>order-color") }}, {{ Cssxref("border-radius") }}</nobr> 
449        </li>
450      </ul>
451      <p>
452        <nobr>{{ languages( { "de": "de/CSS/border-style", "es": 
>"es/CSS/border-style", "fr": "fr/CSS/border-style", "ja": "ja/CSS 
>/border-style", "pl": "pl/CSS/border-style", "pt":"pt/CSS/border- 
>style" } ) }}</nobr> 
453      </p>
t455    <p>t308    <div id="compat-mobile">
456      &nbsp;309      <table class="compat-table">
310        <tbody>
311          <tr>
312            <th>
313              Feature
314            </th>
315            <th>
316              Firefox Mobile (Gecko)
317            </th>
318            <th>
319              Android
320            </th>
321            <th>
322              IE&nbsp;Phone
323            </th>
324            <th>
325              Opera Mobile
326            </th>
327            <th>
328              Safari Mobile
329            </th>
330          </tr>
331          <tr>
332            <td>
333              Basic support
334            </td>
335            <td>
336              {{ CompatGeckoMobile("1.9.2") }}
337            </td>
338            <td>
339              {{ CompatUnknown() }}
340            </td>
341            <td>
342              {{ CompatUnknown() }}
343            </td>
344            <td>
345              {{ CompatUnknown() }}
346            </td>
347            <td>
348              {{ CompatUnknown() }}
349            </td>
350          </tr>
351        </tbody>
352      </table>
353    </div>
354    <h2 id="See_also">
355      See also
457    </p>356    </h2>
357    <ul>
358      <li>The border-related shorthand CSS properties: {{ Cssxref
 >("border") }}, {{ Cssxref("border-width") }}, {{ Cssxref("border-
 >color") }}, {{ Cssxref("border-radius") }}
359      </li>
360    </ul>

Back to History