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
100
101
102
103
104
105
106
107
108
109
|
---
title: border
slug: Web/CSS/border
translation_of: Web/CSS/border
---
<p> </p>
<div id="section_1">
<h3 class="editable" id="Sommario"><span>Sommario</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<p>La proprietà <code>border</code> è una abbreviazione per impostare in una sola volta i valori individuali di border. <code>border</code> può essere usata per impostare uno o più dei seguenti valori: <span class="lang lang-en"><code><a href="../../../../en/CSS/border-width" rel="internal">border-width</a></code></span> , <span class="lang lang-en"><code><a href="../../../../en/CSS/border-style" rel="internal">border-style</a></code></span> , <span class="lang lang-en"><code><a href="../../../../en/CSS/border-color" rel="internal">border-color</a></code></span> .</p>
<ul>
<li><span class="lang lang-en"><a href="../../../../en/CSS/initial_value" rel="internal">Valore iniziale</a> </span>: per i dettagli, guarda le singole proprietà</li>
<li>Si applica a:tutti gli elementi</li>
<li><span class="lang lang-en"><a href="../../../../en/CSS/inheritance" rel="internal">Ereditabile</a> </span>: no</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>: guarda le singole proprietà</li>
</ul>
</div>
<div id="section_2">
<h3 class="editable" id="Sintassi"><span>Sintassi</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<pre class="eval">border: [ <border-width> || <border-style> || <border-color> ] | inherit
</pre>
</div>
<div id="section_3">
<h3 class="editable" id="Valori"><span>Valori</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<dl>
<dt>
border-width</dt>
<dd>
<em>Opzionale</em>, se è assente viene usato il valore di default<code> medium</code>. Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-width" rel="internal" title="../../it/CSS/border-width">border-width</a></code></span> .</dd>
<dt>
border-style </dt>
<dd>
<em>Richiesto</em>, se è assente viene usato il valore di default<code> none</code>. Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-style" rel="internal" title="../../it/CSS/border-style">border-style</a></code></span> .</dd>
<dt>
border-color </dt>
<dd>
<em>Opzionale</em>, se è assente il valore di default è la proprietà <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/color" rel="internal" title="../../it/CSS/color">color</a></code></span> (colore di primo piano). Vedi <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-color" rel="internal" title="../../it/CSS/border-color">border-color</a></code></span> .</dd>
</dl>
</div>
<div id="section_4">
<h3 class="editable" id="Esempi"><span>Esempi</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<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: dashed } /* bordo tratteggiato di medio spessore, lo stesso colore del testo */
element { border: dotted 1.5em } /* bordo spesso 1.5em a punti, lo stesso colore del testo */
element { border: solid red } /* bordo rosso continuo di medio spessore */
element { border: solid blue 10px } /* bordo continuo blu spesso 10px */
</pre>
</div>
<div id="section_5">
<h3 class="editable" id="Note"><span>Note </span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<p>Mentre le proprietà <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-width" rel="internal" title="../../it/CSS/border-width">border-width</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-style" rel="internal" title="../../it/CSS/border-style">border-style</a></code></span> , e <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-color" rel="internal" title="../../it/CSS/border-color">border-color</a></code></span> accettano fino a quattro valori, questa proprietà accetta solo un valore per ciascuna.</p>
</div>
<div id="section_6">
<h3 class="editable" id="Specifiche"><span>Specifiche</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<ul>
<li><a class="external" href="http://www.w3.org/TR/CSS1#border" rel="external nofollow" title="http://www.w3.org/TR/CSS1#border">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 Box #border-shorthand</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 Backgrounds and Borders #border-shorthand</a></li>
</ul>
</div>
<div id="section_7">
<h3 class="editable" id="Compatibilità_tra_browser"><span>Compatibilità tra browser</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<table class="standard-table">
<tbody>
<tr>
<th>Browser</th>
<th>Versione più vecchia</th>
</tr>
<tr>
<td>Internet Explorer</td>
<td>4.0</td>
</tr>
<tr>
<td>Firefox</td>
<td>1.0</td>
</tr>
<tr>
<td>Safari</td>
<td>1.0</td>
</tr>
<tr>
<td>Opera</td>
<td>3.5</td>
</tr>
</tbody>
</table>
</div>
<div id="section_8">
<h3 class="editable" id="Vedere_anche"><span>Vedere anche</span></h3>
<div class="editIcon">
<a href="/../../../../en/CSS/border#" style="" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif"></span></a></div>
<p><span class="lang lang-en"><span class="lang lang-en"><code><strong>border</strong></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-width" rel="internal" title="../../it/CSS/border-width">border-width</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-style" rel="internal" title="../../it/CSS/border-style">border-style</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/border-color" rel="internal" title="../../it/CSS/border-color">border-color</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/margin" rel="internal" title="../../it/CSS/margin">margin</a></code></span> , <span class="lang lang-en"><code><a class="internal" href="/../../it/CSS/padding" rel="internal" title="../../it/CSS/padding">padding</a></code></span> </span></p>
</div>
<p> </p>
|
