outline: Konturen

0 | 5873 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "outline: Konturen" mit Ihrem Wissen!

Anzeige Hier werben

outline

Werte: Werte für outline-color, outline-style, outline-width
Standardwert: wie einzelne Eigenschaften
Vererbung: nein
Kurzschreibweise: -
Anwendbar auf: alle Elemente
CSS-Level: CSS2.1, CSS3

Mit der Kurzschreibweise outline können Konturen in CSS erzeugt werden. Die Eigenschaft nimmt Werte für outline-color, outline-style und outline-width an.

Bild zu outline: Konturen
Beispiel für eine Kontur

Kompatibilität

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
CSS 2.1: outline

Der Internet Explorer bis einschließlich Version 7 unterstützt keine der outline-Eigenschaften.

Beispiele

Inline-Text mit einer kontur  
HTML
1
2
3
4
5
6
7
<p>
    In diesem Absatz ist 
    <span style="outline: red solid 2px;">
        ein Teil des Textes mit einer Kontur versehen worden, der sich über mehrere Zeilen erstreckt
    </span>.
    Man sieht, dass die Kontur am Zeilenende geschlossen ist (im Gegensatz zu Rahmen, die am Zeilenende offen sind).
</p>
Block mit einer kontur  
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<div>
    Auf den unteren Kasten ist mit CSS eine Kontur gesetzt: 
    <code>outline: 5px solid red</code>.
</div>
<div style="outline: 5px solid red; border:3px solid blue; width:350px;">
    Dieses Element hat einen Rahmen (blau) und eine Kontur (rot). 
    Man sieht, dass die Kontur ausserhalb des Rahmens liegt und einfach über
    alles andere gezeichnet wird.
</div>
<div>
    Das Funktioniert in allen Browsern bis auf den Internet Explorer.
</div>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 4 Personen an der Seite "outline: Konturen" mitgewirkt.

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

Mitarbeiter