Rahmenart :: border-style
.
<p style="border-style: solid; border-width: 3px; border-color: #c87137;">
ein durchgehender Rahmen</p>
<p style="border-style: dotted; border-width: 3px; border-color: #c87138;">
ein gepunkteter Rahmen</p>
<p style="border-style: dashed; border-width: 3px; border-color: #c87138;">
ein gestrichelter Rahmen</p>
<p style="border-style: double; border-width: 3px; border-color: #c87138;">
ein doppelter Rahmen</p>
<p style="border-style: groove; border-width: 6px; border-color: #c87138;">
ein 3D Rahmen mit groove - Licht von unten rechts</p>
<p style="border-style: ridge; border-width: 6px; border-color: #c87138;">
ein 3D Rahmen mit ridge - Licht von oben links</p>
<p style="border-style: outset; border-width: 6px; border-color: #c87138;">
ein 3D Rahmen mit outset</p>
<p style="border-style: inset; border-width: 6px; border-color: #c87138;">
ein 3D Rahmen mit inset</p>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
ein durchgehender Rahmen
ein gepunkteter Rahmen
ein gestrichelter Rahmen
ein doppelter Rahmen
ein 3D Rahmen mit groove - Licht von unten rechts
ein 3D Rahmen mit ridge - Licht von oben links
ein 3D Rahmen mit outset
ein 3D Rahmen mit inset
border-style Definition
| Startwert | none |
| Vererbar | nein |
| Anwendbar auf | alle Elemente |
| Medium | visual |
| mögliche Werte |
|
| Mehrfachangaben | man kann gleich für jeden Seite eine eigene Rahmenart festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
|
| Anmerkungen |
Browserunterstützung von border-style
 |
 |
 |
 |
 |
 |
 |
 |
|||
|---|---|---|---|---|---|---|---|---|---|---|
| 5-6 | 7+ | 5+ | 4 | 6+ | 1+ | 0.6+ | 1+ | 3.1+ | 2 | |
| solid, double, groove, ridge, outset, inset, inherit, none | J | J | J | J | J | J | J | J | J | J |
| dotted, dashed | N | J | J | N | J | J | J | J | J | J |