Webdesign, Tutorials und mehr - Webmasterpro.de

border-style: Rahmenstil

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

Speziellere Eigenschaften

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

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:

Beispiel

 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>

Weiterführende Links

• border
• Rahmen und Konturen
• Auflistung aller Rahmenstile

Kommentare: border-style: Rahmenstil