Ihre Suchergebnisse

    border-style

    Übersicht

    Die border-style Eigenschaft legt die Rahmenart des oberen, rechten, unteren und linken Rahmens fest.

    • Standardwert: none
    • Anwendbar auf: Alle Elemente
    • Vererbbar: Nein
    • Prozentwerte: Nein
    • Medium: visuell
    • berechneter Wert: wie festgelegt

    Syntax

    border-style: [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset] {1,4} | inherit
    

    Werte

    none
    Standardwert. Es wird kein Rahmen gezeichnet und die Breite wird auf '0' zurückgesetzt.
    hidden
    Genau wie bei none wird kein Rahmen angezeigt. Das Verhalten unterscheidet sich jedoch beim "Collapsing Border Model" innerhalb von Tabellen.
    Wenn border-collapse: collapse gesetzt wurde, wird auch an den angrenzenden Nachbarzellen kein Rahmen dargestellt.
    dotted
    Punktierte Linie.
    dashed
    Gestrichelte Linie.
    solid
    Durchgehende Linie.
    double
    Zwei durchgehende Linien mit Zwischenraum. Die zwei Linien und der Zwischenraum sind jeweils ein Drittel der border-width Angabe groß.
    groove
    Der Rahmen wirkt eingekerbt (3D-Effekt).
    ridge
    Der Rahmen wirkt wie eine Kante (3D-Effekt).
    inset
    Durch den Rahmen wirkt das ganze Element eingetieft (3D-Effekt).
    outset
    Durch den Rahmen wirkt das ganze Element herausgehoben (3D-Effekt).
    inherit
    Der Wert des Elternelements wird geerbt.
    Ein Wert
    Gilt für alle vier Seiten: border-top-style, border-right-style, border-bottom-style und border-left-style.
    Zwei Werte
    Der erste Wert gilt für border-top-style und border-bottom-style, der zweite Wert für border-right-style und border-left-style.
    Drei Werte
    Der erste Wert gilt für border-top-style, der zweite Wert für border-right-style und border-left-style und der dritte Wert für border-bottom-style.
    Vier Werte
    Der erste Wert gilt für border-top-style, der zweite Wert für border-right-style, der dritte Wert für border-bottom-style und der vierte Wert für border-left-style.

    Beispiele

    .beispielEins {                      
      border-style: solid;
    }
    
    .beispielZwei {
      border-style: solid dashed;
    }
    
    .beispielDrei {
      border-style: solid dashed inset;
    }
    
    .beispielVier {
      border-style: solid dashed inset double;
    }
    

    Browser Kompatibilität

    Browser ab Version
    Internet Explorer 4.0 [*]
    Firefox (Gecko) 1.0 (1.0)
    Opera 3.5
    Safari (WebKit) 1.0 (85)

    [*] Der Wert hidden wird erst ab Version 8 unterstützt.

    Spezifikation

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Schlagwörter:
    Mitwirkende an dieser Seite: SJW, Michael2402, fscholz, Yuichiro
    Zuletzt aktualisiert von: fscholz,
    Seitenleiste ausblenden