.
<p style="outline-color: #00f; outline-style: solid;">
Dieser Text hat einen blauen Kontur</p>
<p style="outline-color: green; outline-style: solid;">
Und dieser Text dagegen hat einen grünen Kontur</p>
<p style="outline-color: #f00 #f33 #f66 #f99; outline-style: solid;">
Der Kontur um diesen Text hat 4 verschiedene Farben, welche in der Reihenfolge
oben, recht, unten, links angegeben sind</p>
<p style="outline-color: transparent; outline-style: solid; outline-width: 10px;">
Ich habe einen transparenten Kontur, welche trotzdem nicht den Platz
von 10px reserviert</p>
<p style="outline-color: invert; outline-style: solid;">
Meine Kontur ist immer sichtbar, da sie eine invertierte Farbe zum Hintergrund besitzt</p>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
Dieser Text hat einen blauen Kontur
Und dieser Text dagegen hat einen grünen Kontur
Ich habe einen transparenten Kontur, welche trotzdem nicht den Platz von 10px reserviert
Meine Kontur ist immer sichtbar, da sie eine invertierte Farbe zum Hintergrund besitzt
Startwert | invert |
Vererbar | nein |
Anwendbar auf | alle Elemente |
Medium | visual |
mögliche Werte |
|
Anmerkungen |
5+ | 5+ | 7+ | 4+ | 1+ | 0.6+ | 1+ | 3.1+ | 2 | |
transparent | N | N | J | ||||||
Farbangabe | N | N | J |