blob: 1d78d5e755c8f9a83cad5325fa5965d7e87de96c (
plain)
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
|
---
title: border-left-color
slug: Web/CSS/border-left-color
translation_of: Web/CSS/border-left-color
---
<h3 id="Resumen" name="Resumen">Resumen</h3>
<p><code>border-left-color</code> pone el color del borde izquierdo de un elemento,con el valor de el color en hexadecimal o con palabras clave, como azul, verde, rojo <code> transparente </code>.</p>
<ul>
<li>{{ Xref_cssinitial() }}: {{ Cssxref("color") }} propiedad</li>
<li>Se aplica a : todos los elementos</li>
<li>{{ Xref_cssinherited() }}: no</li>
<li>Porcentajes: N/A</li>
<li>Media: {{ Xref_cssvisual() }}</li>
<li>{{ Xref_csscomputed() }}: cuando son tomados de la propiedad 'color',los valores computarizados de 'color'; de otra manera como sean especificados.</li>
</ul>
<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3>
<pre class="eval">border-left-color:<em>color</em> | transparent | inherit
</pre>
<h3 id="Valores" name="Valores">Valores</h3>
<dl>
<dt>color </dt>
<dd>El color puede ser especificado en un valor RGB en hexadecimal, o usando uno de los colores predeterminados</dd>
<dt>transparent </dt>
<dd>El elemento no tiene color de si mismo, en vez este enseña el color detras de este elemento.</dd>
</dl>
<h3 id="Propiedades_parecidas" name="Propiedades_parecidas">Propiedades parecidas</h3>
<ul>
<li>{{ Cssxref("border-color") }}</li>
<li>{{ Cssxref("border-bottom-color") }}</li>
<li>{{ Cssxref("border-right-color") }}</li>
<li>{{ Cssxref("border-top-color") }}</li>
</ul>
<h3 id="Examples" name="Examples">Examples</h3>
<p><a href="/samples/cssref/border.html">Ver El Ejemplo Vivo</a></p>
<pre>element {
width: 300px;
padding: 15px;
border-bottom-size: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}
</pre>
<p> </p>
<pre>p {
border-style: solid;
border-left-color: #ff0000
}
p {
border-style: solid;
border-left-color: rgb(255,0,0)
}
</pre>
<h3 id="Notas" name="Notas">Notas</h3>
<ul>
<li><a class="external" href="http://html-color-codes.com/">Color Chart by VisiBone</a></li>
</ul>
|