mozilla

Version 89728 von border-bottom

  • Adressname der Version: CSS/border-bottom
  • Titel der Version: border-bottom
  • ID der Version: 89728
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar Die Seite wurde neu angelegt: __NOTOC__ <div class="breadcrumbs"><table width="100%"><tr> <td style="width:33%;text-align:left"> </td> <td style="width:33%;text-align:center"> ↑ [[CSS...
Schlagwörter: 

Inhalt der Version


Übersicht

Die Eigemschaft border-bottom ist eine Kurzform zur Angabe der Werte für border-bottom-color, border-bottom-width und border-bottom-style und legt den unteren Rahmen fest.

Standardwert
none
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
die Werte für border-bottom-color, border-bottom-width, border-bottom-style oder inherit

CSS-Version

Syntax

border-bottom: [ border-bottom-width || border-bottom-style || border-bottom-color ] | inherit


Werte

border-bottom-width
Siehe border-bottom-width,
border-bottom-style
Siehe border-bottom-style,
border-bottom-color
Siehe border-bottom-color
inherit
der Browser verwendet den Wert des Elternelements.

Beispiele

Ergebnis Quelltext
background-color:lightgreen;border-bottom:10px solid green

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

Siehe auch

border-left, border-right, border-top

Quelltext der Version

<p><br>
</p>
<div class="breadcrumbs"><table width="100%"><tbody><tr> <td style="width:33%;text-align:left"> </td> <td style="width:33%;text-align:center"> ↑ <a href="de/CSS/border">border</a> ↑ </td> <td style="width:33%;text-align:right"> <a href="de/CSS/border-collapse">border-collapse</a> → </td> </tr></tbody></table></div>
<div class="breadcrumbs">Kurzform für: <a href="de/CSS/border-bottom-color">border-bottom-color</a>, <a href="de/CSS/border-bottom-width">border-bottom-width</a>, <a href="de/CSS/border-bottom-style">border-bottom-style</a></div>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigemschaft border-bottom ist eine Kurzform zur Angabe der Werte für <a href="de/CSS/border-bottom-color">border-bottom-color</a>, <a href="de/CSS/border-bottom-width">border-bottom-width</a> und <a href="de/CSS/border-bottom-style">border-bottom-style</a> und legt den unteren Rahmen fest.
</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> die Werte für <a href="de/CSS/border-bottom-color">border-bottom-color</a>, <a href="de/CSS/border-bottom-width">border-bottom-width</a>, <a href="de/CSS/border-bottom-style">border-bottom-style</a> oder inherit
</dd></dl>
<p>CSS-Version
</p>
<h3 name="Syntax"> Syntax </h3>
<pre>border-bottom: [ border-bottom-width || border-bottom-style || border-bottom-color ] | inherit</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>border-bottom-width
</dt><dd>Siehe <a href="de/CSS/border-bottom-width">border-bottom-width</a>,
</dd><dt>border-bottom-style
</dt><dd>Siehe <a href="de/CSS/border-bottom-style">border-bottom-style</a>,
</dd><dt>border-bottom-color
</dt><dd>Siehe <a href="de/CSS/border-bottom-color">border-bottom-color</a>
</dd><dt>inherit
</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<h3 name="Beispiele"> Beispiele </h3>
<table class="standard-table" style="width:100%"> <tbody><tr>
<td class="header" width="50%">Ergebnis
</td><td class="header">Quelltext
</td></tr>
<tr>
<td><div style="background-color:lightgreen;height:80px;border-bottom:10px solid green">
</div></td><td><pre>background-color:lightgreen;border-bottom:10px solid green</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 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>
<h3 name="Siehe_auch">Siehe auch</h3>
<p><a href="de/CSS/border-left">border-left</a>, <a href="de/CSS/border-right">border-right</a>, <a href="de/CSS/border-top">border-top</a>
</p>
Zu dieser Version zurücksetzen