--- title: border slug: Web/CSS/border tags: - CSS - CSS Eigenschaft - CSS Rahmen - Layout - NeedsMobileBrowserCompatibility - Referenz - Web translation_of: Web/CSS/border ---
{{CSSRef("CSS Borders")}}

Übersicht

Die border Eigenschaft legt den kompletten Rahmen eines Elementes fest und ist eine Kurzform für
border-color, border-style und border-width. Die Werte der drei Eigenschaften können in beliebiger Reihenfolge angegeben werden.
Unterschiedliche Einstellungen für den oberen, unteren, linken und rechten Rahmen können nur unter den Kurzformen
border-bottom, border-top, border-left und border-right festgelegt werden.

{{cssinfo}}

Syntax

border: 1px;
border: 2px dotted;
border: medium dashed green;

Werte

<Rahmenbreite>
Optional. Wenn nichts festgelegt ist, wird medium verwendet. Siehe: border-width.
<Rahmenstil>
Erforderlich. Wenn nichts festgelegt ist, wird none verwendet. Siehe: border-style.
<Rahmenfarbe>
Optional. Wenn nichts festgelegt ist, wird der Wert der color Eigenschaft des Elements genommen. Siehe: border-color.
inherit
Der Wert des Elternelements wird geerbt.

Formale Syntax

{{csssyntax}}

Beispiele

Live Beispiel

  border: dashed;           /* gestrichelter Rahmen mit mittlerer Breite und gleicher Farbe wie der Text */
  border: dotted 1.5em;     /* gestrichelt, 1.5em breit, gleiche Farbe wie der Text */
  border: solid red;        /* durchgezogener, roter Rahmen mit mittelgroßer Breite */
  border: solid blue 10px;  /* durchgezogene Linie, blaue Farbe, 10px Breite */

Spezifikation

Spezifikation Status Argument
{{SpecName('CSS3 Backgrounds', '#the-border-shorthands', 'border')}} {{Spec2('CSS3 Backgrounds')}} Technically removes the support for transparent as it is now a valid {{cssxref("<color>")}}; this has no practical influence.
Though it cannot be set to another value using the shorthand, border does now reset {{cssxref("border-image")}} to its initial value (none).
{{SpecName('CSS2.1', 'box.html#border-shorthand-properties', 'border')}} {{Spec2('CSS2.1')}} Accepts the inherit keyword. Also accepts transparent as a valid color.
{{SpecName('CSS1', '#border', 'border')}} {{Spec2('CSS1')}}  

Browser Kompatibilität

{{Compat("css.properties.border")}}

Siehe auch