outline: Konturen
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.
Kompatibilität
Der Internet Explorer bis einschließlich Version 7 unterstützt keine der outline-Eigenschaften.
Beispiele
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>
|
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>
|
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 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.
-
arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
-
Ich beschäftige mich seit mehreren Jahren mit Webdesign und ins besondere mit Webentwicklung. Derzeit studiere ich Angewandte Informatik.