border: Rahmen

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

Anzeige Hier werben

border

Werte: Werte für border-color, border-style, border-width
Standardwert: siehe einzelne Eigenschaften
Vererbung: nein
Kurzschreibweise: keine
Anwendbar auf: Alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3

Die Eigenschaft border ist eine der meist verwendeten Eigenschaften in CSS. Durch sie können Rahmen um Elemente gezeichnet werden. Hierbei handelt es sich um die Kurzschreibweise von border-color, border-style und border-width.

Firefox3.6Unterstützt4+Unterstützt
IE7Unterstützt8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
border

Speziellere Eigenschaften

Neben der Meta-Eigenschaft border, gibt es noch eine Eigenschaft, die den Rahmen für jede einzelne Seite festlegt. Hierbei handelt es sich um border-left, border-top, border-right und border-bottom, welche - hier am Beispiel für border-left - die Werte für die Eigenschaften border-left-color, border-left-style und border-left-width annehmen können. Soll nur eine Seite eines Elements einen Rahmen erhalten oder ein Rahmen von den anderen abweichen, wären dies die eloquente Eigenschaften.

Eigenschaft
Effekt
border-left
Betrifft nur die linke Seite eines Elements
border-top
Betrifft nur die obere Seite eines Elements
border-right
Betrifft nur die rechte Seite eines Elements
border-bottom
Betrifft nur die untere Seite eines Elements

Beispiel

Rahmen mit border  
HTML
1
2
3
4
5
6
<div style="border:1px #000 solid;">
    Ein langweiliger Text mit einem 1px dicken schwarzen Rahmen.
</div>
<div style="border-bottom:3px #900 dashed; margin-top:1em;">
    Hier haben wir nur einen Rahmen am unteren Rand.
</div>

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "border: Rahmen" mitgewirkt.

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

Mitarbeiter