Version 89884 von border-color

  • Adressname der Version: CSS/border-color
  • Titel der Version: border-color
  • ID der Version: 89884
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar
Schlagwörter: 

Inhalt der Version


Übersicht

Die Eigemschaft border-color ist eine Kurzform zur Angabe der Werte für border-top-color, border-right-color, border-bottom-color und border-left-color.

Standardwert
der Wert des Color-Attributs des Elements
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
Farbe, transparent, inherit

Syntax

border-color: [ <color> | transparent ]{1,4} | inherit


Werte

1 Wert
gilt für border-top-color, border-right-color, border-bottom-color und border-left-color
2 Werte
der erste Wert gilt für border-top-color und border-bottom-color, der zweite für border-right-color und border-left-color
3 Werte
der erste Wert gilt für border-top-color, der zweite für border-right-color und border-left-color und der dritte für border-bottom-color
3 Werte
der erste Wert gilt für border-top-color, der zweite für border-right-color, der dritte für border-bottom-color und der vierte für border-left-color


Beispiele

Ergebnis Quelltext
Grüner Rahmen
border-color:green
Bunter Rahmen
border-color:green yellow red blue

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
wird unterstützt Ja Ja Ja Ja Ja Ja Ja Ja ? Ja Ja Ja Ja Ja Ja Ja Ja Ja

Quelltext der Version

<p><br>
</p>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigemschaft border-color ist eine Kurzform zur Angabe der Werte 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> und <a href="de/CSS/border-left-color">border-left-color</a>.
</p>
<dl><dt>Standardwert</dt><dd> der Wert des Color-Attributs des Elements
</dd><dt>Anwendbar auf</dt><dd> Alle Elemente
</dd><dt>Geerbt</dt><dd> Nein
</dd><dt>Medium</dt><dd> visual
</dd><dt>Werte</dt><dd> Farbe, transparent, inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>border-color: [ &lt;color&gt; | transparent ]{1,4} | inherit</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>1 Wert</dt><dd> gilt 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> und <a href="de/CSS/border-left-color">border-left-color</a>
</dd><dt>2 Werte</dt><dd> 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">border-bottom-color</a>, der zweite für <a href="de/CSS/border-right-color">border-right-color</a> und <a href="de/CSS/border-left-color">border-left-color</a>
</dd><dt>3 Werte</dt><dd> 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-right-color">border-right-color</a> und <a href="de/CSS/border-left-color">border-left-color</a> und der dritte für <a href="de/CSS/border-bottom-color">border-bottom-color</a>
</dd><dt>3 Werte</dt><dd> 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-right-color">border-right-color</a>, der dritte für <a href="de/CSS/border-bottom-color">border-bottom-color</a> und der vierte für <a href="de/CSS/border-left-color">border-left-color</a>
</dd></dl>
<p><br>
</p>
<h3 name="Beispiele"> Beispiele </h3>
<table class="standard-table" style="width:100%">

<tbody><tr>
<td class="header">Ergebnis
</td><td class="header">Quelltext
</td></tr>
<tr>
<td><div style="margin:5px;border-style:solid;border-color:green">Grüner Rahmen</div>
</td><td><pre>border-color:green</pre>
</td></tr>
<tr>
<td><div style="margin:5px;border-style:solid;border-color:green yellow red blue">Bunter Rahmen</div>
</td><td><pre>border-color:green yellow red blue</pre>
</td></tr></tbody></table>
<h3 name="Browser-Kompatibilit.C3.A4t">Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%">
  <tbody><tr>
    <th class="header">Browser</th>
    <th class="header" colspan="4">Internet Explorer</th>
    <th class="header" colspan="4">Netscape</th>
    <th class="header" colspan="6">Opera</th>
    <th class="header" colspan="3">Firefox</th>
    <th class="header" colspan="1">Konqueror</th>
  </tr>
  <tr>
    <th>Version</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">3</th>
    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>
    <th class="header">8</th>

    <th class="header">1</th>
    <th class="header">2</th>
    <th class="header">3</th>

    <th class="header">3.5.x</th>
  </tr>
  <tr>
    <td>wird unterstützt</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td>?</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
  </tr>
</tbody></table>
Zu dieser Version zurücksetzen