border-style: Rahmenstil

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

Anzeige Hier werben

border-style

Werte: Rahmenstile
Standardwert: none
Vererbung: nein
Kurzschreibweise: border
Anwendbar auf: Alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Die Eigenschaft border-style setzt den Stil eines Rahmens.Es können alle Rahmenstile eingesetzt werden. Als Kurzschreibweise dient auch hier border.

Firefox3.6Unterstützt4+Unterstützt
IE7Fast8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
border-style

Speziellere Eigenschaften

Wie bei allen Rahmeneigenschaften existieren Eigenschaften für jede einzelne Seite, wie die folgende Tabelle darstellt:

Der Internet Explorer 6 und7 kennen die Rahmenstiele dotted und dashed nicht

Eigenschaft
Erläuterung
border-left-style
Betrifft nur den linken Rahmenstil
border-top-style
Betrifft nur den oberen Rahmenstil
border-right-style
Betrifft nur den rechten Rahmenstil
border-bottom-style
Betrifft nur den unteren Rahmenstil

Diese Eigenschaften sollten nur eingesetzt werden, wenn ein einzelner Rahmenstil angepasst werden soll.

Werte

Anstelle einer mehrfachen Verwendung von border-left/top/right/bottom-style kann auch border-style mit bis zu 4 Werten angegeben werden. Eine genauere Übersicht schafft die folgende Tabelle:

Schreibweise
Erläuterung
border-style: solid
1 Wert: Gleicher Wert für alle Seiten
border-style: solid dotted
2 Werte: 1. Wert gilt für oben & unten und der 2. für links & rechts
border-style: solid dotted dashed
3 Werte: 1. Wert gilt für oben, der 2. für links & rechts und der 3. für unten
border-style: solid dotted dashed none
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

Rahmenstil mit border-style  
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<style type="text/css">
    div {
        border:5px #000;
        margin:1em;
    }
</style>
<div style="border-style:dashed;">
    Ein gestrichelter Rahmen
</div>
<div style="border-left-style:dashed;">
    Ein gestrichelter Rahmen, allerdings nur links.
</div>
<div style="border-style:solid dotted dashed none;">
    Jeder Rahmen mit einem anderen Stil, links ist kein Rahmen.
</div>

Wikiseite bearbeiten

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

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

Mitarbeiter