mozilla

Versionen vergleichen

border-bottom

Versionsänderungen

Version 89728:

Version 89728 von Michael2402 am

Version 89729:

Version 89729 von fscholz am

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

Version 89728
Version 89729
n7    <p>n7    <h3>
8      <br>
9    </p>
10    <div class="breadcrumbs">
11      <table width="100%">
12        <tbody>
13          <tr>
14            <td style="width:33%;text-align:left"></td>
15            <td style="width:33%;text-align:center">
16              ↑ <a href="de/CSS/border">border</a> ↑
17            </td>
18            <td style="width:33%;text-align:right">
19              <a href="de/CSS/border-collapse">border-collapse</a
>> → 
20            </td>
21          </tr>
22        </tbody>
23      </table>
24    </div>
25    <div class="breadcrumbs">
26      Kurzform für: <a href="de/CSS/border-bottom-color">border-b
>ottom-color</a>, <a href="de/CSS/border-bottom-width">border-bott 
>om-width</a>, <a href="de/CSS/border-bottom-style">border-bottom- 
>style</a> 
27    </div>
28    <h3 name=".C3.9Cbersicht">
29      Übersicht8      Übersicht:
n32      Die Eigemschaft border-bottom ist eine Kurzform zur Angabe n11      Die <code>border-bottom</code> Eigenschaft legt den unteren
>der Werte für <a href="de/CSS/border-bottom-color">border-bottom-> Rahmen eines Elementes fest und ist eine Kurzform für<br>
>color</a>, <a href="de/CSS/border-bottom-width">border-bottom-wid 
>th</a> und <a href="de/CSS/border-bottom-style">border-bottom-sty 
>le</a> und legt den unteren Rahmen fest. 
12      <a href="/de/CSS/border-bottom-color"><code>border-bottom-c
 >olor</code></a>, <a href="/de/CSS/border-bottom-style"><code>bord
 >er-bottom-style</code></a> und <a href="/de/CSS/border-bottom-wid
 >th"><code>border-bottom-width</code></a>. Die Werte der drei Eige
 >nschaften können in beliebiger Reihenfolge angegeben werden.
n34    <dl>n14    <ul>
35      <dt>15      <li>Standardwert: siehe einzelne Eigenschaften
36        Standardwert
37      </dt>16      </li>
38      <dd>17      <li>Anwendbar auf: Alle Elemente
39        none
40      </dd>18      </li>
41      <dt>19      <li>Vererbbar: Nein
42        Anwendbar auf
43      </dt>20      </li>
44      <dd>21      <li>Prozentwerte: Nein
45        Alle Elemente
46      </dd>22      </li>
47      <dt>23      <li>Medium: visuell
48        Geerbt
49      </dt>24      </li>
50      <dd>25      <li>Werte: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || 
 >&lt;Rahmenfarbe&gt; ] | <a href="/de/CSS/inherit"><code>inherit</
 >code></a>
51        Nein
52      </dd>26      </li>
53      <dt>
54        Medium
55      </dt>
56      <dd>
57        visual
58      </dd>
59      <dt>
60        Werte
61      </dt>
62      <dd>
63        die Werte für <a href="de/CSS/border-bottom-color">border
>-bottom-color</a>, <a href="de/CSS/border-bottom-width">border-bo 
>ttom-width</a>, <a href="de/CSS/border-bottom-style">border-botto 
>m-style</a> oder inherit 
64      </dd>
65    </dl>27    </ul>
66    <p>28    <h3>
67      CSS-Version
68    </p>
69    <h3 name="Syntax">
n72    <pre>n31    <pre class="eval">
73border-bottom: [ border-bottom-width || border-bottom-style || bo32border-bottom: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || &l
>rder-bottom-color ] | inherit>t;Rahmenfarbe&gt; ] | inherit
n75    <p>n34    <h3>
76      <br>
77    </p>
78    <h3 name="Werte">
n83        border-bottom-widthn39        &lt;Rahmenbreite&gt;
n86        Siehe <a href="de/CSS/border-bottom-width">border-bottom-n42        Optional. Wenn nichts festgelegt ist, wird <code>medium</
>width</a>,>code> verwendet. Siehe: <a href="/de/CSS/border-bottom-width"><co
 >de>border-bottom-width</code></a>.
n89        border-bottom-stylen45        &lt;Rahmenstil&gt;
n92        Siehe <a href="de/CSS/border-bottom-style">border-bottom-n48        Erforderlich. Wenn nichts festgelegt ist, wird <code>none
>style</a>,></code> verwendet. Siehe: <a href="/de/CSS/border-bottom-style"><
 >code>border-bottom-style</code></a>.
n95        border-bottom-colorn51        &lt;Rahmenfarbe&gt;
n98        Siehe <a href="de/CSS/border-bottom-color">border-bottom-n54        Optional. Wenn nichts festgelegt ist, wird der Wert der <
>color</a>>code>color</code> Eigenschaft des Elements genommen. Siehe: <a hr
 >ef="/de/CSS/border-bottom-color"><code>border-bottom-color</code>
 ></a>.
n104        der Browser verwendet den Wert des Elternelements.n60        Der Wert des Elternelements wird geerbt.
n107    <h3 name="Beispiele">n63    <h3>
nn66    <pre>
67.beispielEins {
68  border-bottom: 1px solid #000;
69}
70 
71.beispielZwei {  
72  border-bottom-style: dotted;
73  border-bottom: thick green;
74  
75  /* Bedeutet das gleiche wie: */
76  
77  border-bottom-style: dotted;
78  border-bottom: none thick green;
79  
80  /* border-bottom-style wird nach Angabe von border-bottom ignor
 >iert. 
81  Es wird kein unterer Rahmen gezeichnet. */
82}
83</pre>
84    <h3>
85      Browser <span>Kompatibilität</span>
86    </h3>
110    <table class="standard-table" style="width:100%">87    <table class="standard-table">
n113          <td class="header" width="50%">n90          <th>
114            Ergebnis91            Browser
92          </th>
93          <th>
94            ab Version
95          </th>
96        </tr>
97        <tr>
98          <td>
99            Internet Explorer
n116          <td class="header">n101          <td>
117            Quelltext102            4.0
n122            <div style="background-color:lightgreen;height:80px;bn107            Firefox (Gecko)
>order-bottom:10px solid green"></div> 
nn110            1.0 (1.0)
111          </td>
112        </tr>
113        <tr>
114          <td>
125            <pre>115            Opera
126background-color:lightgreen;border-bottom:10px solid green116          </td>
127</pre>117          <td>
118            3.5
119          </td>
120        </tr>
121        <tr>
122          <td>
123            Safari (WebKit)
124          </td>
125          <td>
126            1.0 (85)
n132    <h3 name="Browser-Kompatibilit.C3.A4t">n131    <h3>
133      Browser-Kompatibilität132      Spezifikation
n135    <pre class="eval">n134    <ul>
136   <span class="comment">IE</span>135      <li>
137</pre>136        <a class="external" href="http://www.w3.org/TR/css3-backg
 >round/#border-bottom" lang="en">CSS 3 Background and Borders #bor
 >der-bottom</a>
138    <pre class="eval">
139   <span class="comment">Netscape</span>
140</pre>
141    <pre class="eval">
142   <span class="comment">Opera</span>
143</pre>
144    <pre class="eval">
145   <span class="comment">Firefox</span>
146</pre>
147    <pre class="eval">
148   <span class="comment">Konqueror</span>
149</pre>
150    <pre class="eval">
151   <span class="comment">Netscape</span>
152</pre>
153    <pre class="eval">
154   <span class="comment">Opera</span>
155</pre>
156    <pre class="eval">
157   <span class="comment">Firefox</span>
158</pre>
159    <pre class="eval">
160   <span class="comment">Konqueror</span>
161</pre>
162    <table class="standard-table" style="width:100%">
163      <tbody>
164        <tr>
165          <th class="header">
166            Browser
167          </th>
168          <th class="header" colspan="4">
169            Internet Explorer
170          </th>
171          <th class="header" colspan="4">
172            Netscape
173          </th>
174          <th class="header" colspan="6">
175            Opera
176          </th>
177          <th class="header" colspan="3">
178            Firefox
179          </th>
180          <th class="header" colspan="1">
181            Konqueror
182          </th>
183        </tr>137      </li>
184        <tr>138      <li>
185          <th>139        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#propdef-border-bottom" lang="en">CSS 2.1 Box #border-bottom<
 >/a>
186            Version
187          </th>
188          <th class="header">
189            4
190          </th>
191          <th class="header">
192            5
193          </th>
194          <th class="header">
195            6
196          </th>
197          <th class="header">
198            7
199          </th>
200          <th class="header">
201            4
202          </th>
203          <th class="header">
204            5
205          </th>
206          <th class="header">
207            6
208          </th>
209          <th class="header">
210            7
211          </th>
212          <th class="header">
213            3
214          </th>
215          <th class="header">
216            4
217          </th>
218          <th class="header">
219            5
220          </th>
221          <th class="header">
222            6
223          </th>
224          <th class="header">
225            7
226          </th>
227          <th class="header">
228            8
229          </th>
230          <th class="header">
231            1
232          </th>
233          <th class="header">
234            2
235          </th>
236          <th class="header">
237            3
238          </th>
239          <th class="header">
240            3.5.x
241          </th>
242        </tr>140      </li>
243        <tr>
244          <td>
245            wird unterstützt
246          </td>
247          <td style="background:#5FE716">
248            Ja
249          </td>
250          <td style="background:#5FE716">
251            Ja
252          </td>
253          <td style="background:#5FE716">
254            Ja
255          </td>
256          <td style="background:#5FE716">
257            Ja
258          </td>
259          <td style="background:#5FE716">
260            Ja
261          </td>
262          <td style="background:#5FE716">
263            Ja
264          </td>
265          <td style="background:#5FE716">
266            Ja
267          </td>
268          <td style="background:#5FE716">
269            Ja
270          </td>
271          <td style="background:#5FE716" title="ab Version 3.5">
272            Ja *
273          </td>
274          <td style="background:#5FE716">
275            Ja
276          </td>
277          <td style="background:#5FE716">
278            Ja
279          </td>
280          <td style="background:#5FE716">
281            Ja
282          </td>
283          <td style="background:#5FE716">
284            Ja
285          </td>
286          <td style="background:#5FE716">
287            Ja
288          </td>
289          <td style="background:#5FE716">
290            Ja
291          </td>
292          <td style="background:#5FE716">
293            Ja
294          </td>
295          <td style="background:#5FE716">
296            Ja
297          </td>
298          <td style="background:#5FE716">
299            Ja
300          </td>
301        </tr>
302      </tbody>
303    </table>141    </ul>
304    <h3 name="Siehe_auch">142    <h3>
nn145    <ul>
146      <li>
147        <a href="/de/CSS/border-bottom-color"><code>border-bottom
 >-color</code></a>, <a href="/de/CSS/border-bottom-style"><code>bo
 >rder-bottom-style</code></a>, <a href="/de/CSS/border-bottom-widt
 >h"><code>border-bottom-width</code></a>
148      </li>
149      <li>
150        <a href="/de/CSS/border-top"><code>border-top</code></a>,
 > <a href="/de/CSS/border-left"><code>border-left</code></a>, <a h
 >ref="/de/CSS/border-right"><code>border-right</code></a>
151      </li>
152      <li>
153        <a href="/de/CSS/-moz-border-bottom-colors"><code>-moz-bo
 >rder-bottom-colors</code></a>, <a href="/de/CSS/-moz-border-top-c
 >olors"><code>-moz-border-top-colors</code></a>, <a href="/de/CSS/
 >-moz-border-left-colors"><code>-moz-border-left-colors</code></a>
 >, <a href="/de/CSS/-moz-border-right-colors"><code>-moz-border-ri
 >ght-colors</code></a>,
154      </li>
155      <li>
156        <a href="/de/CSS/-moz-border-image"><code>-moz-border-ima
 >ge</code></a>, <a href="/de/CSS/-moz-border-radius"><code>-moz-bo
 >rder-radius</code></a>
157      </li>
158    </ul>
t308      <a href="de/CSS/border-left">border-left</a>, <a href="de/Ct160      {{ languages( { "en": "en/CSS/border-bottom", "fr": "fr/CSS
>SS/border-right">border-right</a>, <a href="de/CSS/border-top">bo>/border-bottom", "pl": "pl/CSS/border-bottom", "es": "es/CSS/bord
>rder-top</a>>er-bottom" } ) }}

Zurück zur Versionsgeschichte