files/it/web/css/border-bottom/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

---
title: border-bottom
slug: Web/CSS/border-bottom
translation_of: Web/CSS/border-bottom
---
<p> </p>
<div id="section_1">
 <h3 class="editable" id="Sommario">Sommario</h3>
 <p>La proprietà <code>border-bottom</code> è una abbreviazione che imposta il valore di <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-color" rel="internal" title="../../it/CSS/border-bottom-color">border-bottom-color</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-style" rel="internal" title="../../it/CSS/border-bottom-style">border-bottom-style</a></code></span> , and <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-width" rel="internal" title="../../it/CSS/border-bottom-width">border-bottom-width</a></code></span> . These properties describe the bottom border of elements.</p>
 <ul>
  <li><span class="lang lang-en"><a href="../../../../en/CSS/initial_value" rel="internal">Valore iniziale</a> </span>: per i dettagli vedi le singole proprietà</li>
  <li>Si applica: a tutti gli elementi</li>
  <li>Percentuali: no</li>
  <li>Media: <span class="lang lang-en"><span class="lang lang-en"><code><a href="../../../../en/CSS/Media/Visual" rel="internal">visual</a></code></span> </span></li>
  <li><span class="lang lang-en"><a href="../../../../en/CSS/computed_value" rel="internal">Valore riconosciuto</a> </span>: vedi le singole proprietà</li>
 </ul>
</div>
<div id="section_2">
 <h3 class="editable" id="Sintassi">Sintassi</h3>
 <pre class="eval">border-bottom: [ &lt;border-width&gt; || &lt;border-style&gt; || &lt;border-color&gt; ] | <em>inherit</em>
</pre>
</div>
<div id="section_3">
 <h3 class="editable" id="Values">Values</h3>
 <dl>
  <dt>
   &lt;border-width&gt; </dt>
  <dd>
   Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-width" rel="internal" title="../../it/CSS/border-bottom-width">border-bottom-width</a></code></span> .</dd>
  <dt>
   &lt;border-style&gt; </dt>
  <dd>
   Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-style" rel="internal" title="../../it/CSS/border-bottom-style">border-bottom-style</a></code></span> .</dd>
  <dt>
   &lt;border-color&gt; </dt>
  <dd>
   Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-color" rel="internal" title="../../it/CSS/border-bottom-color">border-bottom-color</a></code></span> .</dd>
 </dl>
</div>
<div id="section_4">
 <h3 class="editable" id="Esempi">Esempi</h3>
 <p><span class="lang lang-en"><a class="external" href="http://developer.mozilla.org/samples/cssref/border.html" rel="external nofollow" title="http://developer.mozilla.org/samples/cssref/border.html">Guarda gli esempi dal vivo</a> </span></p>
 <pre>element {
    border-bottom-width: 1px solid #000;
}
</pre>
</div>
<div id="section_5">
 <h3 class="editable" id="Note">Note</h3>
 <p>I tre valori della abbreviazione possono essere specificati in qualsiasi ordine, e uno o due di loro possono essere omessi.</p>
 <p>Come per tutte le abbreviazioni, <code>border-bottom</code> imposta sempre il valore di tutte le proprietà che può impostare, anche se non sono specificate. Imposta quelle non specificate al loro valore predefinito. Questo vuol dire che:</p>
 <pre>  border-bottom-style: dotted;
  border-bottom: thick green;</pre>
 <p>è attualmente uguale a:</p>
 <pre>  border-bottom-style: dotted;
  border-bottom: none thick green;</pre>
 <p>e il valore di <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-style" rel="internal" title="../../it/CSS/border-bottom-style">border-bottom-style</a></code></span> dato prima di <code>border-bottom</code> viene ignorato.</p>
 <p>Siccome il valore predefinito di <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-style" rel="internal" title="../../it/CSS/border-bottom-style">border-bottom-style</a></code></span> è <code>none</code>, se non si specifica la parte &lt;border-style&gt; del valore allora la proprietà non specifica nessun bordo.</p>
</div>
<div id="section_6">
 <h3 class="editable" id="Specifiche">Specifiche</h3>
 <ul>
  <li><a class="external" href="http://www.w3.org/TR/CSS1#border-bottom" rel="external nofollow" title="http://www.w3.org/TR/CSS1#border-bottom">CSS 1</a></li>
  <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" rel="external nofollow" title="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">CSS 2.1</a></li>
  <li><a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands" rel="external nofollow" title="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a></li>
 </ul>
</div>
<div id="section_7">
 <h3 class="editable" id="Compatibilità_tra_browser">Compatibilità tra browser</h3>
 <table class="standard-table">
  <tbody>
   <tr>
    <th>Browser</th>
    <th>Versione più vecchia</th>
   </tr>
   <tr>
    <td>Internet Explorer</td>
    <td>4</td>
   </tr>
   <tr>
    <td>Firefox</td>
    <td>1</td>
   </tr>
   <tr>
    <td>Netscape</td>
    <td>4</td>
   </tr>
   <tr>
    <td>Opera</td>
    <td>3.5</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="section_8">
 <h3 class="editable" id="Vedere_anche">Vedere anche</h3>
 <p><span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border" rel="internal" title="../../it/CSS/border">border</a></code></span> , <span class="lang lang-en"><code><strong>border-bottom</strong></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-width" rel="internal" title="../../it/CSS/border-bottom-width">border-bottom-width</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-style" rel="internal" title="../../it/CSS/border-bottom-style">border-bottom-style</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-bottom-color" rel="internal" title="../../it/CSS/border-bottom-color">border-bottom-color</a></code></span> .</p>
</div>
<p> </p>