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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
---
title: border-top
slug: Web/CSS/border-top
tags:
- Bordes
- CSS
- Propiedades CSS
- Referencia
translation_of: Web/CSS/border-top
---
<div>{{CSSRef}}</div>
<h2 id="Summary" name="Summary">Resumen</h2>
<p>La propiedad de <a href="/en-US/docs/CSS" title="CSS">CSS</a> <strong><code>border-top</code></strong> es una abreviatura que establece los valores de {{Cssxref("border-top-color")}}, {{Cssxref("border-top-style")}}, y {{Cssxref("border-top-width")}}. Estas propiedades las características del borde superior de un elemento.</p>
<div class="note">
<p>Los tres valores de la abreviatura pueden ser especificados en cualquier orden, y uno o dos de ellos pueden ser omitidos.</p>
<p>Como con todas las propiedades abreviadas, border-top siempre establece los valores de todas las propiedades que sean posibles, aun si no están especificadas. Establece aquellas que no son especificadas a sus valores por defecto. Esto significa que:</p>
<pre class="brush:css"> border-top: none thick green;
</pre>
<p>es lo mismo que</p>
<pre class="brush:css"> border-top: thick green;
</pre>
<p>y el valor de {{Cssxref("border-top-style")}} establecido antes de <code>border-top</code> es ignorado.</p>
<p>El no especificar la parte de border-style que está destinada a establecer el valor de {{Cssxref("border-top-style")}} significa que se tomará el valor por defecto, lo que significa que el {{Cssxref("border-top-style")}} será <code>none.</code></p>
<p>También hay que tomar en cuenta que en el siguiente bloque de código se ignorará la primer asignación de {{Cssxref("border-top-style")}} dado que al indicar <code>border-top</code> se establecerá implicitamente el valor de {{Cssxref("border-top-style")}} a <code>none</code></p>
<pre class="brush:css"> border-top-style: dotted;
border-top: thick green;
</pre>
</div>
<div>{{cssinfo}}</div>
<h2 id="Syntax" name="Syntax">Sintaxis</h2>
<pre class="brush:css">border-top: 1px;
border-top: 2px dotted;
border-top: medium dashed green;
</pre>
<h3 id="Valores">Valores</h3>
<dl>
<dt><code><br-width> </code></dt>
<dd>See {{Cssxref("border-top-width")}}.</dd>
<dt><code><br-style> </code></dt>
<dd>See {{Cssxref("border-top-style")}}.</dd>
<dt><code><color> </code></dt>
<dd>See {{Cssxref("border-top-color")}}.</dd>
</dl>
<h3 id="Sintaxis_formal">Sintaxis formal</h3>
<pre class="syntaxbox">{{csssyntax}}</pre>
<h2 id="Examples" name="Examples">Ejemplos</h2>
<pre class="brush: css">element {
border-top: 1px solid #000;
}
</pre>
<h2 id="Specifications" name="Specifications">Especificaciones</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Status</th>
<th scope="col">Comentarios</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Backgrounds', '#border-top', 'border-top')}}</td>
<td>{{Spec2('CSS3 Backgrounds')}}</td>
<td>
<p>No hay cambios directos, aunque la modificación de valores para {{cssxref("border-top-color")}} sí aplican.</p>
</td>
</tr>
<tr>
<td>{{SpecName('CSS2.1', 'box.html#propdef-border-top', 'border-top')}}</td>
<td>{{Spec2('CSS2.1')}}</td>
<td>No hay cambios significativos</td>
</tr>
<tr>
<td>{{SpecName('CSS1', '#border-top', 'border-top')}}</td>
<td>{{Spec2('CSS1')}}</td>
<td>Definición inicial</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con navegadores</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>1.0</td>
<td>{{CompatGeckoDesktop("1.0")}}</td>
<td>4</td>
<td>3.5</td>
<td>1.0 (85)</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>1.0</td>
<td>{{CompatGeckoMobile("1.0")}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
|
