CSS/Eigenschaften/border-style

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft border-style bestimmt alle Rahmenstile eines Elements.

erlaubte Werte
  • 1 - 4 Schlüsselwörter none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset
  • inherit
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: siehe Einzeleigenschaften
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
div { border-style: solid dotted; }
Alle div-Elemente erhalten einen durchgehenden oberen und unteren Rahmen sowie einen gepunkteten linken und rechten Rahmen.
Beachten Sie: border-style ist die Kurzschreibform für die Werte border-top-style, border-right-style, border-bottom-style und border-left-style.
Empfehlung: Werden nur zwei oder drei Werte angegeben, so werden die fehlenden Werte von der gegenüberliegenden Seite übernommen. Nur ein angegebener Wert gilt für alle Seiten. Um den Elementen thead, tbody, tfoot oder tr einen sichtbaren Rahmen zuzuweisen, müssen die Rahmen innerhalb der Tabelle zusammenfallen (d. h. table { border-collapse: collapse; })

Weblinks

Siehe auch