mozilla

Version 89851 von border-bottom-style

  • Adressname der Version: CSS/border-bottom-style
  • Titel der Version: border-bottom-style
  • ID der Version: 89851
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar Die Seite wurde neu angelegt: __NOTOC__ {{CSS_Navigation||border-style|border-left-style}} == Übersicht == Die Eigemschaft border-bottom-style gibt den Stil des unteren Rahmens an. ;Standardwer...
Schlagwörter: 

Inhalt der Version

{{ CSS_Navigation("", "border-style", "border-left-style") }}


Übersicht

Die Eigemschaft border-bottom-style gibt den Stil des unteren Rahmens an.

Standardwert
none
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
hidden, dashed, dotted, double, groove, inset, outset, ridge, solid, none, inherit

Syntax

border-style: [ hidden | dashed | dotted | double | groove | inset | outset | ridge | solid | none ]{1,4} | inherit


Werte

hidden
Der Rahmen wird versteckt
dashed
Der Rahmen wird gestrichelt
dotted
Der Rahmen wird gepunktet
double
Ein doppelter, durchgezogener Rahmen
groove
Der Rahmen wirkt wie ein Graben
inset
Lässt das Element aussehen, als würde es tiefer liegen
outset
Lässt das Element aussehen, als würde es höher liegen (3D-Effekt)
ridge
Der Rahmen wirkt wie ein Hügel
solid
Durchgezogener Rahmen
none
Kein Rahmen, die Breite des Rahmens wird auf 0 gesetzt
inherit
der Browser verwendet den Wert des Elternelements.

Beispiele

Siehe border-style

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 Ja

Quelltext der Version

<p>{{ CSS_Navigation("", "border-style", "border-left-style") }}
</p><p><br>
</p>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigemschaft border-bottom-style gibt den Stil des unteren Rahmens an.
</p>
<dl><dt>Standardwert</dt><dd> none
</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> hidden, dashed, dotted, double, groove, inset, outset, ridge, solid, none, inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>border-style: [ hidden | dashed | dotted | double | groove | inset | outset | ridge | solid | none ]{1,4} | inherit</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>hidden
</dt><dd>Der Rahmen wird versteckt
</dd><dt>dashed
</dt><dd>Der Rahmen wird gestrichelt
</dd><dt>dotted
</dt><dd>Der Rahmen wird gepunktet
</dd><dt>double
</dt><dd>Ein doppelter, durchgezogener Rahmen
</dd><dt>groove
</dt><dd>Der Rahmen wirkt wie ein Graben
</dd><dt>inset
</dt><dd>Lässt das Element aussehen, als würde es tiefer liegen
</dd><dt>outset
</dt><dd>Lässt das Element aussehen, als würde es höher liegen (3D-Effekt)
</dd><dt>ridge
</dt><dd>Der Rahmen wirkt wie ein Hügel
</dd><dt>solid
</dt><dd>Durchgezogener Rahmen
</dd><dt>none
</dt><dd>Kein Rahmen, die Breite des Rahmens wird auf 0 gesetzt
</dd><dt>inherit
</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<h3 name="Beispiele"> Beispiele </h3>
<p>Siehe <a href="de/CSS/border-style">border-style</a>
</p>
<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 style="background:#5FE716" title="ab Version 3.5">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>
 <td style="background:#5FE716">Ja</td> </tr>
</tbody></table>
Zu dieser Version zurücksetzen