Webdesign, Tutorials und mehr - Webmasterpro.de

border-width: Rahmenbreite

Durch die Eigenschaft border-width kann die Breite eines Rahmens festgelegt werden. Neben den gewohnten Längenangaben stehen noch die Schlüsselwört thin, medium und thick zur Verfügung. border-width stellt die Kurzschreibweise für border-left/top/right/bottom-width dar, genaueres ist im Abschnitt "Werte" zu finden.

Speziellere Eigenschaften

Wie bei den anderen Rahmeneigenschaften, existieren auch hier Eigenschaften für die einzelnen Seiten, die in der folgenden Tabelle aufgeführt werden:

Anstelle dieser Eigenschaften kann oft border-width mit mehreren Werten definiert werden, wie im folgenden Abschnitt erläutert wird.

Werte

In CSS ist es üblich, dass eine Kurzschreibweise für verschiedene Seiten verwendet werden kann, anstelle von Definitionen über die einzelnen Seiteneigenschaften.

Beispiel

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<style type="text/css">
    div {
        border-style:solid;
        margin:1em;
    }
</style>
<div>
    Ein Rahmen mit der Breite "medium"
</div>
<div style="border-left-width:1em;">
    Nur der linke Rahmenteil ist deutlich breiter als der Rest
</div>
<div style="border-width:medium thin thick 10px;">
    Unterschiedliche Rahmendicken
</div>

Weiterführende Links

• border

Kommentare: border-width: Rahmenbreite