mozilla

Compare Revisions

border-style

Change Revisions

Revision 20794:

Revision 20794 by teoli on

Revision 20795:

Revision 20795 by teoli on

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

Revision 20794
Revision 20795
nn23 
nn60        
n67    <h2>n69    <h2 id="Summary">
n93    <h2>n95    <h2 id="Syntax">
nn98    <div>
96    <pre class="twopartsyntaxbox">99      <pre class="twopartsyntaxbox">
n101    <pre>n104      <pre>
n110    <div class="where">n113      <div class="where">
111      <p>114        <p>
112        <nobr>where:</nobr>115          <nobr>where:</nobr>
113      </p>116        </p>
117        <dl>
118          <dt>
119            <nobr><em>style</em></nobr>
120          </dt>
121          <dd>
122            <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>
123          </dd>
124          <dt>
125            <nobr><em>horizontal</em></nobr>
126          </dt>
127          <dd>
128            <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>
129          </dd>
130          <dt>
131            <nobr><em>vertical</em></nobr>
132          </dt>
133          <dd>
134            <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>
135          </dd>
136          <dt>
137            <nobr><em>top</em></nobr>
138          </dt>
139          <dd>
140            <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>
141          </dd>
142          <dt>
143            <nobr><em>bottom</em></nobr>
144          </dt>
145          <dd>
146            <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>
147          </dd>
148          <dt>
149            <nobr><em>right</em></nobr>
150          </dt>
151          <dd>
152            <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>
153          </dd>
154          <dt>
155            <nobr><em>left</em></nobr>
156          </dt>
157          <dd>
158            <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>
159          </dd>
160          <dt>
161            <nobr><code>inherit</code></nobr>
162          </dt>
163          <dd>
164            <nobr>Is a keyword indicating that all four values ar
 >e inherited from their parent's element calculated value.</nobr>
165          </dd>
166        </dl>
167      </div>
168      <h3 id="Values">
169        <nobr>Values</nobr>
170      </h3>
n116          <nobr><em>style</em></nobr>n173          <nobr>&lt;border-style&gt;&nbsp;</nobr>
n119          <nobr>Is a <code>&lt;border-style&gt;</code> denoting tn176          <nobr>Is a keyword describing the style of the bottom b
>he style of the border to apply to all four edges. It is used onl>order. It can have the following values:</nobr>
>y in the one-value syntax.</nobr> 
120        </dd>177          <table class="standard-table">
121        <dt>178            <tbody>
122          <nobr><em>horizontal</em></nobr>179              <tr>
180                <td style="vertical-align:middle;">
181                  <code>none</code>
182                </td>
183                <td style="vertical-align:middle;">
184                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:none; background-color:palegreen;">
185                    <span style="display:none;">fake</span>
186                  </div>
187                </td>
188                <td style="vertical-align:middle;">
189                  Like for the <code>hidden</code> keyword, displ
 >ays no border. In that case, except if a background image is set,
 > the calculated values of {{ cssxref("border-width") }} will be <
 >code>0</code>, even if specified otherwise through the property. 
 >In case of table cell and border collapsing, the <code>none</code
 >> value has the lowest priority: it means that if any other confl
 >icting border is set, it will be displayed.
190                </td>
191              </tr>
192              <tr>
193                <td style="vertical-align:middle;">
194                  <code>hidden</code>
195                </td>
196                <td style="vertical-align:middle;">
197                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:hidden; background-color:palegreen;">
198                    <span style="display:none;">fake</span>
199                  </div>
200                </td>
201                <td style="vertical-align:middle;">
202                  Like for the <code>none</code> keyword, display
 >s no border. In that case, except if a background image is set, t
 >he calculated values of {{ cssxref("border-width") }} will be <co
 >de>0</code>, even if specified otherwise through the property. In
 > case of table cell and border collapsing, the <code>hidden</code
 >> value has the highest priority: it means that if any other conf
 >licting border is set, it won't be displayed.
203                </td>
204              </tr>
205              <tr>
206                <td style="vertical-align:middle;">
207                  <code>dotted</code>
208                </td>
209                <td style="vertical-align:middle;">
210                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:dotted; background-color:palegreen;">
211                    <span style="display:none;">fake</span>
212                  </div>
213                </td>
214                <td style="vertical-align:middle;">
215                  Displays a series of rounded dots. The spacing 
 >of the dots are not defined by the specification and are implemen
 >tation-specific. The radius of the dots is half the calculated {{
 > cssxref("border-width") }}.
216                </td>
217              </tr>
218              <tr>
219                <td style="vertical-align:middle;">
220                  <code>dashed</code>
221                </td>
222                <td style="vertical-align:middle;">
223                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:dashed; background-color:palegreen;">
224                    <span style="display:none;">fake</span>
225                  </div>
226                </td>
227                <td style="vertical-align:middle;">
228                  Displays a series of short square-ended dashes 
 >or line segments. The exact size and length of the segments are n
 >ot defined by the specification and are implementation-specific.
229                </td>
230              </tr>
231              <tr>
232                <td style="vertical-align:middle;">
233                  <code>solid</code>
234                </td>
235                <td style="vertical-align:middle;">
236                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:solid; background-color:palegreen;">
237                    <span style="display:none;">fake</span>
238                  </div>
239                </td>
240                <td style="vertical-align:middle;">
241                  Displays a single, straight, solid line.
242                </td>
243              </tr>
244              <tr>
245                <td style="vertical-align:middle;">
246                  <code>double</code>
247                </td>
248                <td style="vertical-align:middle;">
249                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:double; background-color:palegreen;">
250                    <span style="display:none;">fake</span>
251                  </div>
252                </td>
253                <td style="vertical-align:middle;">
254                  Displays two straight lines that add up to the 
 >pixel amount defined as {{ cssxref("border-width") }} .
255                </td>
256              </tr>
257              <tr>
258                <td style="vertical-align:middle;">
259                  <code>groove</code>
260                </td>
261                <td style="vertical-align:middle;">
262                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:groove; background-color:palegreen;">
263                    <span style="display:none;">fake</span>
264                  </div>
265                </td>
266                <td style="vertical-align:middle;">
267                  Displays a border leading to a carved effect. I
 >t is the opposite of <code>ridge</code>.
268                </td>
269              </tr>
270              <tr>
271                <td style="vertical-align:middle;">
272                  <code>ridge</code>
273                </td>
274                <td style="vertical-align:middle;">
275                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:ridge; background-color:palegreen;">
276                    <span style="display:none;">fake</span>
277                  </div>
278                </td>
279                <td style="vertical-align:middle;">
280                  Displays a border with a 3D effect, like if it 
 >is coming out of the page. It is the opposite of <code>groove</co
 >de>.
281                </td>
282              </tr>
283              <tr>
284                <td style="vertical-align:middle;">
285                  <code>inset</code>
286                </td>
287                <td style="vertical-align:middle;">
288                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:inset; background-color:palegreen;">
289                    <span style="display:none;">fake</span>
290                  </div>
291                </td>
292                <td style="vertical-align:middle;">
293                  Displays a border that makes the box appear emb
 >edded. It is the opposite of <code>outset</code>. When applied to
 > a table cell with {{ cssxref("border-collapse") }} set to <code>
 >collapsed</code>, this value behaves like <code>groove</code>.
294                </td>
295              </tr>
296              <tr>
297                <td style="vertical-align:middle;">
298                  <code>outset</code>
299                </td>
300                <td style="vertical-align:middle;">
301                  <div style="margin:0.5em; width:3em; height:3em
 >; border-style:outset; background-color:palegreen;">
302                    <span style="display:none;">fake</span>
303                  </div>
304                </td>
305                <td style="vertical-align:middle;">
306                  <p>
307                    Displays a border that makes the box appear i
 >n 3D, embossed. It is the opposite of <code>inset</code>. When ap
 >plied to a table cell with {{ cssxref("border-collapse") }} set t
 >o <code>collapsed</code>, this value behaves like <code>ridge</co
 >de>.
308                  </p>
309                </td>
310              </tr>
311            </tbody>
123        </dt>312          </table>
124        <dd>
125          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to all horizontal edges, that is  
>the top and bottom edges. It is used only in the two-value syntax 
>.</nobr> 
126        </dd>
127        <dt>
128          <nobr><em>vertical</em></nobr>
129        </dt>
130        <dd>
131          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to all vertical edges, that is th 
>e right and left edges. It is used only in the two- and three-val 
>ue syntaxes.</nobr> 
132        </dd>
133        <dt>
134          <nobr><em>top</em></nobr>
135        </dt>
136        <dd>
137          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to the top edge. It is used only  
>in the three- and four-value syntaxes.</nobr> 
138        </dd>
139        <dt>
140          <nobr><em>bottom</em></nobr>
141        </dt>
142        <dd>
143          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to the bottom edge. It is used on 
>ly in the three- and four-value syntaxes.</nobr> 
144        </dd>
145        <dt>
146          <nobr><em>right</em></nobr>
147        </dt>
148        <dd>
149          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to the top edge. It is used only  
>in the four-value syntax.</nobr> 
150        </dd>
151        <dt>
152          <nobr><em>left</em></nobr>
153        </dt>
154        <dd>
155          <nobr>Is a <code>&lt;border-style&gt;</code> denoting t
>he style of the border to apply to the top edge. It is used only  
>in the four-value syntax.</nobr> 
156        </dd>
157        <dt>
158          <nobr><code>inherit</code></nobr>
159        </dt>
160        <dd>
161          <nobr>Is a keyword indicating that all four values are 
>inherited from their parent's element calculated value.</nobr> 
n164    </div>n315      <h2 id="Examples">
165    <h3>
166      <nobr>Values</nobr>
167    </h3>
168    <dl>
169      <dt>
170        <nobr>&lt;border-style&gt;&nbsp;</nobr>
171      </dt>
172      <dd>
173        <nobr>Is a keyword describing the style of the bottom bor
>der. It can have the following values:</nobr> 
174        <table class="standard-table">
175          <tbody>
176            <tr>
177              <td style="vertical-align:middle;">
178                <code>none</code>
179              </td>
180              <td style="vertical-align:middle;">
181                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:none; background-color:palegreen;"> 
182                  <span style="display:none;">fake</span>
183                </div>
184              </td>
185              <td style="vertical-align:middle;">
186                Like for the <code>hidden</code> keyword, display
>s no border. In that case, except if a background image is set, t 
>he calculated values of {{ cssxref("border-width") }} will be <co 
>de>0</code>, even if specified otherwise through the property. In 
> case of table cell and border collapsing, the <code>none</code>  
>value has the lowest priority: it means that if any other conflic 
>ting border is set, it will be displayed. 
187              </td>
188            </tr>
189            <tr>
190              <td style="vertical-align:middle;">
191                <code>hidden</code>
192              </td>
193              <td style="vertical-align:middle;">
194                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:hidden; background-color:palegreen;"> 
195                  <span style="display:none;">fake</span>
196                </div>
197              </td>
198              <td style="vertical-align:middle;">
199                Like for the <code>none</code> keyword, displays 
>no border. In that case, except if a background image is set, the 
> calculated values of {{ cssxref("border-width") }} will be <code 
>>0</code>, even if specified otherwise through the property. In c 
>ase of table cell and border collapsing, the <code>hidden</code>  
>value has the highest priority: it means that if any other confli 
>cting border is set, it won't be displayed. 
200              </td>
201            </tr>
202            <tr>
203              <td style="vertical-align:middle;">
204                <code>dotted</code>
205              </td>
206              <td style="vertical-align:middle;">
207                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:dotted; background-color:palegreen;"> 
208                  <span style="display:none;">fake</span>
209                </div>
210              </td>
211              <td style="vertical-align:middle;">
212                Displays a series of rounded dots. The spacing of
> the dots are not defined by the specification and are implementa 
>tion-specific. The radius of the dots is half the calculated {{ c 
>ssxref("border-width") }}. 
213              </td>
214            </tr>
215            <tr>
216              <td style="vertical-align:middle;">
217                <code>dashed</code>
218              </td>
219              <td style="vertical-align:middle;">
220                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:dashed; background-color:palegreen;"> 
221                  <span style="display:none;">fake</span>
222                </div>
223              </td>
224              <td style="vertical-align:middle;">
225                Displays a series of short square-ended dashes or
> line segments. The exact size and length of the segments are not 
> defined by the specification and are implementation-specific. 
226              </td>
227            </tr>
228            <tr>
229              <td style="vertical-align:middle;">
230                <code>solid</code>
231              </td>
232              <td style="vertical-align:middle;">
233                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:solid; background-color:palegreen;"> 
234                  <span style="display:none;">fake</span>
235                </div>
236              </td>
237              <td style="vertical-align:middle;">
238                Displays a single, straight, solid line.
239              </td>
240            </tr>
241            <tr>
242              <td style="vertical-align:middle;">
243                <code>double</code>
244              </td>
245              <td style="vertical-align:middle;">
246                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:double; background-color:palegreen;"> 
247                  <span style="display:none;">fake</span>
248                </div>
249              </td>
250              <td style="vertical-align:middle;">
251                Displays two straight lines that add up to the pi
>xel amount defined as {{ cssxref("border-width") }} . 
252              </td>
253            </tr>
254            <tr>
255              <td style="vertical-align:middle;">
256                <code>groove</code>
257              </td>
258              <td style="vertical-align:middle;">
259                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:groove; background-color:palegreen;"> 
260                  <span style="display:none;">fake</span>
261                </div>
262              </td>
263              <td style="vertical-align:middle;">
264                Displays a border leading to a carved effect. It 
>is the opposite of <code>ridge</code>. 
265              </td>
266            </tr>
267            <tr>
268              <td style="vertical-align:middle;">
269                <code>ridge</code>
270              </td>
271              <td style="vertical-align:middle;">
272                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:ridge; background-color:palegreen;"> 
273                  <span style="display:none;">fake</span>
274                </div>
275              </td>
276              <td style="vertical-align:middle;">
277                Displays a border with a 3D effect, like if it is
> coming out of the page. It is the opposite of <code>groove</code 
>>. 
278              </td>
279            </tr>
280            <tr>
281              <td style="vertical-align:middle;">
282                <code>inset</code>
283              </td>
284              <td style="vertical-align:middle;">
285                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:inset; background-color:palegreen;"> 
286                  <span style="display:none;">fake</span>
287                </div>
288              </td>
289              <td style="vertical-align:middle;">
290                Displays a border that makes the box appear embed
>ded. It is the opposite of <code>outset</code>. When applied to a 
> table cell with {{ cssxref("border-collapse") }} set to <code>co 
>llapsed</code>, this value behaves like <code>groove</code>. 
291              </td>
292            </tr>
293            <tr>
294              <td style="vertical-align:middle;">
295                <code>outset</code>
296              </td>
297              <td style="vertical-align:middle;">
298                <div style="margin:0.5em; width:3em; height:3em; 
>border-style:outset; background-color:palegreen;"> 
299                  <span style="display:none;">fake</span>
300                </div>
301              </td>
302              <td style="vertical-align:middle;">
303                <p>
304                  Displays a border that makes the box appear in 
>3D, embossed. It is the opposite of <code>inset</code>. When appl 
>ied to a table cell with {{ cssxref("border-collapse") }} set to  
><code>collapsed</code>, this value behaves like <code>ridge</code 
>>. 
305                </p>
306              </td>
307            </tr>
308          </tbody>
309        </table>
310      </dd>
311    </dl>
312    <h2>
313      <nobr>Examples</nobr>316        <nobr>Examples</nobr>
314    </h2>317      </h2>
315    <p>318      <p>
316      <nobr>{{ CSSRefExampleLink("border") }}</nobr>319        <nobr>{{ CSSRefExampleLink("border") }}</nobr>
317    </p>320      </p>
318    <pre>321      <pre>
n326    <h2 name="Specifications">n329      <h2 id="Specifications" name="Specifications">
327      <nobr>Specifications</nobr>330        <nobr>Specifications</nobr>
328    </h2>331      </h2>
329    <table class="standard-table">332      <table class="standard-table">
330      <thead>333        <thead>
331        <tr style="background-color: rgb(255, 204, 255);">334          <tr style="background-color: rgb(255, 204, 255);">
332          <th scope="col">335            <th scope="col">
333            Specification336              Specification
334          </th>337            </th>
335          <th scope="col">338            <th scope="col">
336            Status339              Status
337          </th>340            </th>
338          <th scope="col">341            <th scope="col">
339            Comment342              Comment
340          </th>343            </th>
341        </tr>
342      </thead>
343      <tbody>
344        <tr>
345          <td>
346            <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> 
347          </td>344          </tr>
348          <td>
349            {{ Spec2('CSS3 Backgrounds') }}
350          </td>345        </thead>
351          <td>
352            No change
353          </td>
354        </tr>
355        <tr>
356          <td>
357            <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> 
358          </td>
359          <td>
360            {{ Spec2('CSS2.1') }}
361          </td>
362          <td>
363            Added the 2-, 3- and 4-value syntaxes
364          </td>
365        </tr>
366        <tr>
367          <td>
368            <a class="external" href="http://www.w3.org/TR/CSS1/#
>border-style" title="http://www.w3.org/TR/CSS1/#border-style">CSS 
> 1</a> 
369          </td>
370          <td>
371            {{ Spec2('CSS1') }}
372          </td>
373          <td>
374            &nbsp;
375          </td>
376        </tr>
377      </tbody>
378    </table>
379    <h2>
380      <nobr>Browser compatibility</nobr>
381    </h2>
382    <p>
383      <nobr>{{ CompatibilityTable() }}</nobr>
384    </p>
385    <div id="compat-desktop">
386      <table class="compat-table">
n389            <th>n348            <td>
390              Feature349              <a class="external" href="http://www.w3.org/TR/css3
 >-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>
391            </th>350            </td>
392            <th>351            <td>
393              Firefox (Gecko)352              {{ Spec2('CSS3 Backgrounds') }}
394            </th>353            </td>
395            <th>354            <td>
396              Chrome355              No change
397            </th>356            </td>
398            <th>
399              Internet Explorer
400            </th>
401            <th>
402              Opera
403            </th>
404            <th>
405              Safari
406            </th>
n410              Basic supportn360              <a class="external" href="http://www.w3.org/TR/CSS2
 >1/box.html#border-style-properties" title="http://www.w3.org/TR/C
 >SS21/box.html#border-style-properties">CSS 2.1</a>
411            </td>
412            <td>361            </td>
413              {{ CompatGeckoDesktop("1.0") }}
414            </td>362            <td>
363              {{ Spec2('CSS2.1') }}
415            <td>364            </td>
416              1.0
417            </td>365            <td>
366              Added the 2-, 3- and 4-value syntaxes
418            <td>367            </td>
419              4.0368          </tr>
369          <tr>
420            </td>370            <td>
371              <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>
421            <td>372            </td>
422              3.5
423            </td>373            <td>
374              {{ Spec2('CSS1') }}
424            <td>375            </td>
376            <td>
425              1.0377              &nbsp;
nn382      <h2 id="Browser_compatibility">
383        <nobr>Browser compatibility</nobr>
384      </h2>
385      <p>
386        <nobr>{{ CompatibilityTable() }}</nobr>
387      </p>
388      <div id="compat-desktop">
389        <table class="compat-table">
390          <tbody>
391            <tr>
392              <th>
393                Feature
394              </th>
395              <th>
396                Firefox (Gecko)
397              </th>
398              <th>
399                Chrome
400              </th>
401              <th>
402                Internet Explorer
403              </th>
404              <th>
405                Opera
406              </th>
407              <th>
408                Safari
409              </th>
410            </tr>
411            <tr>
412              <td>
413                Basic support
414              </td>
415              <td>
416                {{ CompatGeckoDesktop("1.0") }}
417              </td>
418              <td>
419                1.0
420              </td>
421              <td>
422                4.0
423              </td>
424              <td>
425                3.5
426              </td>
427              <td>
428                1.0
429              </td>
430            </tr>
431          </tbody>
432        </table>
433      </div>
434      <div id="compat-mobile">
435        <table class="compat-table">
436          <tbody>
437            <tr>
438              <th>
439                Feature
440              </th>
441              <th>
442                Firefox Mobile (Gecko)
443              </th>
444              <th>
445                Android
446              </th>
447              <th>
448                IE&nbsp;Phone
449              </th>
450              <th>
451                Opera Mobile
452              </th>
453              <th>
454                Safari Mobile
455              </th>
456            </tr>
457            <tr>
458              <td>
459                Basic support
460              </td>
461              <td>
462                {{ CompatGeckoMobile("1.9.2") }}
463              </td>
464              <td>
465                {{ CompatUnknown() }}
466              </td>
467              <td>
468                {{ CompatUnknown() }}
469              </td>
470              <td>
471                {{ CompatUnknown() }}
472              </td>
473              <td>
474                {{ CompatUnknown() }}
475              </td>
476            </tr>
477          </tbody>
478        </table>
479      </div>
480      <h2 id="See_also">
481        <nobr>See also</nobr>
482      </h2>
483      <ul>
484        <li>
485          <nobr>The border-related shorthand CSS properties: {{ C
 >ssxref("border") }}, {{ Cssxref("border-width") }}, {{ Cssxref("b
 >order-color") }}, {{ Cssxref("border-radius") }}</nobr>
486        </li>
487      </ul>
488      <p>
489        <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>
490      </p>
t431    <div id="compat-mobile">t
432      <table class="compat-table">
433        <tbody>
434          <tr>
435            <th>
436              Feature
437            </th>
438            <th>
439              Firefox Mobile (Gecko)
440            </th>
441            <th>
442              Android
443            </th>
444            <th>
445              IE&nbsp;Phone
446            </th>
447            <th>
448              Opera Mobile
449            </th>
450            <th>
451              Safari Mobile
452            </th>
453          </tr>
454          <tr>
455            <td>
456              Basic support
457            </td>
458            <td>
459              {{ CompatGeckoMobile("1.9.2") }}
460            </td>
461            <td>
462              {{ CompatUnknown() }}
463            </td>
464            <td>
465              {{ CompatUnknown() }}
466            </td>
467            <td>
468              {{ CompatUnknown() }}
469            </td>
470            <td>
471              {{ CompatUnknown() }}
472            </td>
473          </tr>
474        </tbody>
475      </table>
476    </div>
477    <h2>
478      <nobr>See also</nobr>
479    </h2>
480    <ul>
481      <li>
482        <nobr>The border-related shorthand CSS properties: {{ Css
>xref("border") }}, {{ Cssxref("border-width") }}, {{ Cssxref("bor 
>der-color") }}, {{ Cssxref("border-radius") }}</nobr> 
483      </li>
484    </ul>
485    <p>
486      <nobr>{{ languages( { "de": "de/CSS/border-style", "es": "e
>s/CSS/border-style", "fr": "fr/CSS/border-style", "ja": "ja/CSS/b 
>order-style", "pl": "pl/CSS/border-style" } ) }}</nobr> 
487    </p>

Back to History