Konturart :: outline-style
.
<p style="outline-style: solid; outline-width: 3px; outline-color: #c87137;">
ein durchgehender Kontur</p>
<p style="outline-style: dotted; outline-width: 3px; outline-color: #c87138;">
ein gepunkteter Kontur</p>
<p style="outline-style: dashed; outline-width: 3px; outline-color: #c87138;">
ein gestrichelter Kontur</p>
<p style="outline-style: double; outline-width: 3px; outline-color: #c87138;">
ein doppelter Kontur</p>
<p style="outline-style: groove; outline-width: 6px; outline-color: #c87138;">
ein 3D Kontur mit groove - Licht von unten rechts</p>
<p style="outline-style: ridge; outline-width: 6px; outline-color: #c87138;">
ein 3D Kontur mit ridge - Licht von oben links</p>
<p style="outline-style: outset; outline-width: 6px; outline-color: #c87138;">
ein 3D Kontur mit outset</p>
<p style="outline-style: inset; outline-width: 6px; outline-color: #c87138;">
ein 3D Kontur mit inset</p>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
ein durchgehender Kontur
ein gepunkteter Kontur
ein gestrichelter Kontur
ein doppelter Kontur
ein 3D Kontur mit groove - Licht von unten rechts
ein 3D Kontur mit ridge - Licht von oben links
ein 3D Kontur mit outset
ein 3D Kontur mit inset
outline-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 Konturart festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
|
| Anmerkungen |
Browserunterstützung von outline-style
 |
 |
 |
 |
 |
 |
 |
 |
||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 5+ | 5-6 | 7+ | 4+ | 1+ | 0.6+ | 1+ | 3.1+ | 2 | |||
| alle Angaben | N | J | N | J | N | J | J | J | J | J | J |