--- title: border-left slug: Web/CSS/border-left tags: - CSS - CSS Referenz translation_of: Web/CSS/border-left ---

{{ CSSRef() }}

Übersicht:

Die border-left Eigenschaft legt den linken Rahmen eines Elementes fest und ist eine Kurzform für
border-left-color, border-left-style und border-left-width. Die Werte der drei Eigenschaften können in beliebiger Reihenfolge angegeben werden.

Syntax

border-left: [ <Rahmenbreite> || <Rahmenstil> || <Rahmenfarbe> ] | inherit

Werte

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

Beispiele

.beispielEins {
  border-left: 1px solid #000;
}

.beispielZwei {
  border-left-style: dotted;
  border-left: thick green;

  /* Bedeutet das gleiche wie: */

  border-left-style: dotted;
  border-left: none thick green;

  /* border-left-style wird nach Angabe von border-left ignoriert.
  Es wird kein linker Rahmen gezeichnet. */
}

Browser Kompatibilität

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

Spezifikation

Siehe auch

{{ languages( { "en": "en/CSS/border-left", "es": "es/CSS/border-left", "fr": "fr/CSS/border-left", "ja": "ja/CSS/border-left", "pl": "pl/CSS/border-left" } ) }}