border-bottom-style

Übersicht

Die border-bottom-style Eigenschaft legt die Rahmenart des unteren Rahmens fest.

  • Standardwert none
  • Anwendbar auf Alle Elemente
  • Vererbt Nein
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert siehe Spezifikation
  • Animierbar Nein
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

border-bottom-style: <br-style>

Werte

none
Standardwert. Es wird kein unterer 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-bottom-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.

Beispiele

.beispielEins {                      
  border-bottom-style: dashed;      /* gestrichelt */
}

.beispielZwei {
  border-bottom-style: groove;      /* Einkerbung */
}

.beispielDrei {
 border-bottom-style: hidden;       /* Collapsing Border Model */ 
 border-collapse: collapse;
}

Spezifikation

Spezifikation Status Anmerkung
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation keine Änderung
CSS Level 2 (Revision 1) Recommendation Standardwert definiert

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 5.5 9.2 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden