Versionen vergleichen

border-color

Versionsänderungen

Version 89886:

Version 89886 von Michael2402 am

Version 89887:

Version 89887 von fscholz am

Titel:
border-color
border-color
Adressname:
CSS/border-color
CSS/border-color
Schlagwörter:
css, "CSS Referenz"
css, "CSS Referenz"
Inhalt:

Version 89886
Version 89887
n7    <div class="breadcrumbs">n7    <h3>
8      <table width="100%">
9        <tbody>
10          <tr>
11            <td style="width:33%;text-align:left"></td>
12            <td style="width:33%;text-align:center">
13              ↑ <a href="de/CSS/border">border</a> ↑
14            </td>
15            <td style="width:33%;text-align:right">
16              <a href="de/CSS/border-style">border-style</a> →
17            </td>
18          </tr>
19        </tbody>
20      </table>
21    </div>
22    <div class="breadcrumbs">
23      Kurzform für: <a href="de/CSS/border-top-color">border-top-
>color</a>, <a href="de/CSS/border-right-color">border-right-color 
></a>, <a href="de/CSS/border-bottom-color">border-bottom-color</a 
>>, <a href="de/CSS/border-left-color">border-left-color</a> 
24    </div>
25    <h3 name=".C3.9Cbersicht">
n29      Die Eigemschaft border-color ist eine Kurzform zur Angabe dn11      Die <code>border-color</code> Eigenschaft legt die Farbe de
>er Werte für <a href="de/CSS/border-top-color">border-top-color</>s oberen, rechten, unteren und linken Rahmens fest.
>a>, <a href="de/CSS/border-right-color">border-right-color</a>, < 
>a href="de/CSS/border-bottom-color">border-bottom-color</a> und < 
>a href="de/CSS/border-left-color">border-left-color</a>. 
n31    <dl>n13    <ul>
32      <dt>14      <li>Standardwert: Wert der <a href="/de/CSS/color" rel="int
 >ernal"><code>color</code></a> Eigenschaft
33        Standardwert
34      </dt>15      </li>
35      <dd>16      <li>Anwendbar auf: Alle Elemente
36        der Wert des Color-Attributs des Elements
37      </dd>17      </li>
38      <dt>18      <li>Vererbbar: Nein
39        Anwendbar auf
40      </dt>19      </li>
41      <dd>20      <li>Prozentwerte: Nein
42        Alle Elemente
43      </dd>21      </li>
44      <dt>22      <li>Medium: visuell
45        Geerbt
46      </dt>23      </li>
47      <dd>24      <li>Werte: <a href="/de/CSS/Farben" rel="internal">&lt;Farb
 >e&gt;</a> | <code>transparent</code> | <a href="/de/CSS/inherit" 
 >rel="internal"><code>inherit</code></a>
48        Nein
49      </dd>25      </li>
50      <dt>
51        Medium
52      </dt>
53      <dd>
54        visual
55      </dd>
56      <dt>
57        Werte
58      </dt>
59      <dd>
60        Farbe, transparent, inherit
61      </dd>
62    </dl>26    </ul>
63    <h3 name="Syntax">27    <h3>
n66    <pre>n30    <pre class="eval">
67border-color: [ &lt;color&gt; | transparent ]{1,4} | inherit31border-color:  [ &lt;Farbe&gt; || transparent ]{1,4} | inherit
n69    <p>n33    <h3>
70      <br>
71    </p>
72    <h3 name="Werte">
n77        1 Wertn38        &lt;Farbe&gt;
n80        gilt für <a href="de/CSS/border-top-color">border-top-coln41        <a href="/de/CSS/Farben" rel="internal">Farbangabe</a> [ 
>or</a>, <a href="de/CSS/border-right-color">border-right-color</a>Hexadezimalwert, Farbname, Systemfarbe, rgb(), rgba(), hsl() oder
>>, <a href="de/CSS/border-bottom-color">border-bottom-color</a> u> hlsa() ]
>nd <a href="de/CSS/border-left-color">border-left-color</a> 
n82      <dt>n
83        2 Werte
84      </dt>
85      <dd>
86        der erste Wert gilt für <a href="de/CSS/border-top-color"
>>border-top-color</a> und <a href="de/CSS/border-bottom-color">bo 
>rder-bottom-color</a>, der zweite für <a href="de/CSS/border-righ 
>t-color">border-right-color</a> und <a href="de/CSS/border-left-c 
>olor">border-left-color</a> 
87      </dd>
88      <dt>
89        3 Werte
90      </dt>
91      <dd>
92        der erste Wert gilt für <a href="de/CSS/border-top-color"
>>border-top-color</a>, der zweite für <a href="de/CSS/border-righ 
>t-color">border-right-color</a> und <a href="de/CSS/border-left-c 
>olor">border-left-color</a> und der dritte für <a href="de/CSS/bo 
>rder-bottom-color">border-bottom-color</a> 
93      </dd>
94      <dt>
95        3 Werte
96      </dt>
97      <dd>
98        der erste Wert gilt für <a href="de/CSS/border-top-color"
>>border-top-color</a>, der zweite für <a href="de/CSS/border-righ 
>t-color">border-right-color</a>, der dritte für <a href="de/CSS/b 
>order-bottom-color">border-bottom-color</a> und der vierte für <a 
> href="de/CSS/border-left-color">border-left-color</a> 
99      </dd>
100    </dl>
101    <dl>
102      <dt>
103        Farbe
104      </dt>
n109        Transparenter Rahmen, der Platz des Rahmens wird aber Resn47        Der Rahmen hat keine Farbe. Es wird die Farbe des dahinte
>erviert>r liegenden Elementes angezeigt.
n112        -moz-use-text-color (nur Mozilla)n50        inherit
n115        Der Browser benutzt die Farbe des Textesn53        Der Wert des Elternelements wird geerbt.
54      </dd>
55      <dt>
56        Ein Wert
57      </dt>
58      <dd>
59        Gilt für alle vier Seiten: <a href="/de/CSS/border-top-co
 >lor" rel="internal">border-top-color</a>, <a href="/de/CSS/border
 >-right-color" rel="internal">border-right-color</a>, <a href="/de
 >/CSS/border-bottom-color" rel="internal">border-bottom-color</a> 
 >und <a href="/de/CSS/border-left-color" rel="internal">border-lef
 >t-color</a>.
60      </dd>
61      <dt>
62        Zwei Werte
63      </dt>
64      <dd>
65        Der erste Wert gilt für <a href="/de/CSS/border-top-color
 >" rel="internal">border-top-color</a> und <a href="/de/CSS/border
 >-bottom-color" rel="internal">border-bottom-color</a>, der zweite
 > Wert für <a href="/de/CSS/border-right-color" rel="internal">bor
 >der-right-color</a> und <a href="/de/CSS/border-left-color" rel="
 >internal">border-left-color</a>.
66      </dd>
67      <dt>
68        Drei Werte
69      </dt>
70      <dd>
71        Der erste Wert gilt für <a href="/de/CSS/border-top-color
 >" rel="internal">border-top-color</a>, der zweite Wert für <a hre
 >f="/de/CSS/border-right-color" rel="internal">border-right-color<
 >/a> und <a href="/de/CSS/border-left-color" rel="internal">border
 >-left-color</a> und der dritte Wert für <a href="/de/CSS/border-b
 >ottom-color" rel="internal">border-bottom-color</a>.
72      </dd>
73      <dt>
74        Vier Werte
75      </dt>
76      <dd>
77        Der erste Wert gilt für <a href="/de/CSS/border-top-color
 >" rel="internal">border-top-color</a>, der zweite Wert für <a hre
 >f="/de/CSS/border-right-color" rel="internal">border-right-color<
 >/a>, der dritte Wert für <a href="/de/CSS/border-bottom-color" re
 >l="internal">border-bottom-color</a> und der vierte Wert für <a h
 >ref="/de/CSS/border-left-color" rel="internal">border-left-color<
 >/a>.
n118    <h3 name="Beispiele">n80    <h3>
nn83    <pre style="border: solid;border-color: blue;">
84.beispielEins {                      
85  border: solid;
86  border-color: blue;
87}
88</pre>
89    <pre style="border: solid; border-color: blue #f00;">
90.beispielZwei {
91  border: solid;
92  border-color: blue #f00;
93}
94</pre>
95    <pre style="border: solid; border-color: blue #f00 rgb(0,150,
 >0);">
96.beispielDrei {
97  border: solid;
98  border-color: blue #f00 rgb(0,150,0);
99}
100</pre>
101    <pre style="border: solid; border-color: blue #f00 rgb(0,150,
 >0) transparent;">
102.beispielVier {
103  border: solid;
104  border-color: blue #f00 rgb(0,150,0) transparent;
105}
106</pre>
107    <h3>
108      Browser <span>Kompatibilität</span>
109    </h3>
121    <table class="standard-table" style="width:100%">110    <table class="standard-table">
n124          <td class="header">n113          <th>
125            Ergebnis114            Browser
115          </th>
116          <th>
117            ab Version
118          </th>
119        </tr>
120        <tr>
121          <td>
122            Internet Explorer
n127          <td class="header">n124          <td>
128            Quelltext125            4.0
n133            <div style="margin:5px;border-style:solid;border-colon130            Firefox (Gecko)
>r:green"> 
134              Grüner Rahmen
135            </div>
n138            <pre>n133            1.0 (1.0)
139border-color:green
140</pre>
n145            <div style="margin:5px;border-style:solid;border-colon138            Opera
>r:green yellow red blue"> 
146              Bunter Rahmen
147            </div>
nn141            3.5
142          </td>
143        </tr>
144        <tr>
150            <pre>145          <td>
151border-color:green yellow red blue146            Safari (WebKit)
152</pre>147          </td>
148          <td>
149            1.0 (85)
n157    <h3 name="Browser-Kompatibilit.C3.A4t">n154    <h3>
158      Browser-Kompatibilität155      Mozilla Erweiterungen
t160    <pre class="eval">t157    <p>
161   <span class="comment">IE</span>158      In Gecko-Browsern, wie Firefox, stehen folgende Eigenschaft
 >en zur Verfügung, um <strong>mehrere Farben</strong> für einen Ra
 >hmen zu definieren:<br>
162</pre>159      <a href="/en/CSS/-moz-border-top-colors"><code>-moz-border-
 >top-colors</code></a>, <a href="/en/CSS/-moz-border-right-colors"
 >><code>-moz-border-right-colors</code></a>, <a href="/en/CSS/-moz
 >-border-bottom-colors"><code>-moz-border-bottom-colors</code></a>
 >, <a href="/en/CSS/-moz-border-left-colors"><code>-moz-border-lef
 >t-colors</code></a>
163    <pre class="eval">160    </p>
164   <span class="comment">Netscape</span>161    <h3>
165</pre>162      Spezifikation
166    <pre class="eval">163    </h3>
167   <span class="comment">Opera</span>164    <ul>
168</pre>165      <li>
169    <pre class="eval">166        <a class="external" href="http://www.w3.org/TR/css3-backg
 >round/#border-color" lang="en">CSS 3 Background and Borders #bord
 >er-color</a>
170   <span class="comment">Firefox</span>
171</pre>
172    <pre class="eval">
173   <span class="comment">Konqueror</span>
174</pre>
175    <pre class="eval">
176   <span class="comment">Netscape</span>
177</pre>
178    <pre class="eval">
179   <span class="comment">Opera</span>
180</pre>
181    <pre class="eval">
182   <span class="comment">Firefox</span>
183</pre>
184    <pre class="eval">
185   <span class="comment">Konqueror</span>
186</pre>
187    <table class="standard-table" style="width:100%">
188      <tbody>
189        <tr>
190          <th class="header">
191            Browser
192          </th>
193          <th class="header" colspan="4">
194            Internet Explorer
195          </th>
196          <th class="header" colspan="4">
197            Netscape
198          </th>
199          <th class="header" colspan="6">
200            Opera
201          </th>
202          <th class="header" colspan="3">
203            Firefox
204          </th>
205          <th class="header" colspan="1">
206            Konqueror
207          </th>
208        </tr>167      </li>
209        <tr>168      <li>
210          <th>169        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#propdef-border-color" lang="en">CSS 2.1 Box #border-color</a
 >>
211            Version
212          </th>
213          <th class="header">
214            4
215          </th>
216          <th class="header">
217            5
218          </th>
219          <th class="header">
220            6
221          </th>
222          <th class="header">
223            7
224          </th>
225          <th class="header">
226            4
227          </th>
228          <th class="header">
229            5
230          </th>
231          <th class="header">
232            6
233          </th>
234          <th class="header">
235            7
236          </th>
237          <th class="header">
238            3
239          </th>
240          <th class="header">
241            4
242          </th>
243          <th class="header">
244            5
245          </th>
246          <th class="header">
247            6
248          </th>
249          <th class="header">
250            7
251          </th>
252          <th class="header">
253            8
254          </th>
255          <th class="header">
256            1
257          </th>
258          <th class="header">
259            2
260          </th>
261          <th class="header">
262            3
263          </th>
264          <th class="header">
265            3.5.x
266          </th>
267        </tr>170      </li>
268        <tr>
269          <td>
270            wird unterstützt
271          </td>
272          <td style="background:#5FE716">
273            Ja
274          </td>
275          <td style="background:#5FE716">
276            Ja
277          </td>
278          <td style="background:#5FE716">
279            Ja
280          </td>
281          <td style="background:#5FE716">
282            Ja
283          </td>
284          <td style="background:#5FE716">
285            Ja
286          </td>
287          <td style="background:#5FE716">
288            Ja
289          </td>
290          <td style="background:#5FE716">
291            Ja
292          </td>
293          <td style="background:#5FE716">
294            Ja
295          </td>
296          <td>
297            ?
298          </td>
299          <td style="background:#5FE716">
300            Ja
301          </td>
302          <td style="background:#5FE716">
303            Ja
304          </td>
305          <td style="background:#5FE716">
306            Ja
307          </td>
308          <td style="background:#5FE716">
309            Ja
310          </td>
311          <td style="background:#5FE716">
312            Ja
313          </td>
314          <td style="background:#5FE716">
315            Ja
316          </td>
317          <td style="background:#5FE716">
318            Ja
319          </td>
320          <td style="background:#5FE716">
321            Ja
322          </td>
323          <td style="background:#5FE716">
324            Ja
325          </td>
326        </tr>
327      </tbody>
328    </table>171    </ul>
172    <h3>
173      Siehe auch
174    </h3>
175    <ul>
176      <li>
177        <a href="/de/CSS/border"><code>border</code></a>
178      </li>
179      <li>
180        <a href="/de/CSS/border-bottom-color"><code>border-bottom
 >-color</code></a>, <a href="/de/CSS/border-left-color"><code>bord
 >er-left-color</code></a>, <a href="/de/CSS/border-right-color"><c
 >ode>border-right-color</code></a>, <a href="/de/CSS/border-top-co
 >lor"><code>border-top-color</code></a>
181      </li>
182    </ul>
183    <p>
184      {{ languages( { "en": "en/CSS/border-color", "fr": "fr/CSS/
 >border-color", "pl": "pl/CSS/border-color", "es": "es/CSS/border-
 >color" } ) }}
185    </p>

Zurück zur Versionsgeschichte