border-width: Rahmenbreite

0 | 4300 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "border-width: Rahmenbreite" mit Ihrem Wissen!

Anzeige Hier werben

border-width

Werte: thin, medium, thick, Längen
Standardwert: medium
Vererbung: nein
Kurzschreibweise: border
Anwendbar auf: Alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

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.

Firefox3.6Unterstützt4+Unterstützt
IE7Unterstützt8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
border-width

Speziellere Eigenschaften

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

Eigenschaft
Effekt
border-left-width
Definiert die Rahmenbreite für die linke Seite
border-top-width
Definiert die Rahmenbreite für die obere Seite
border-right-width
Definiert die Rahmenbreite für die rechte Seite
border-bottom-width
Definiert die Rahmenbreite für die untere Seite

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.

Schreibweise
Erläuterung
border-width: medium
1 Wert: Gleicher Wert für alle Seiten
border-width: medium thin
2 Werte: 1. Wert gilt für oben & unten und der 2. für links & rechts
border-width: medium thin thick
3 Werte: 1. Wert gilt für oben, der 2. für links & rechts und der 3. für unten
border-width: medium thin thick 5px
4 Werte: 1. Wert gilt für oben, der 2. für rechts, der 3. für unten und der 4. für links

Beispiel

Rahmenbreite border-width  
HTML
 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>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "border-width: Rahmenbreite" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "border-width: Rahmenbreite" hier bearbeiten.

Mitarbeiter