English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Eigenschaften

CSS border-Verwendung und Beispiel des left Attributes

border-left CSS-Eigenschaft setzt die Breite, den Stil und die Farbe der linken Rahmenkante des Elements. Es wird verwendet, um die verschiedenen linken Rahmenkante-Eigenschaften (d.h.border-left-widthborder-left-stylesowieborder-left-color)Kurzschreibweise Eigenschaft.

Die folgende Tabelle enthält die Beschreibung und Versionshistorie der Verwendung dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:Alle Eigenschaften anzeigen
Geeignet für:Alle Elemente
Vererbung:Nein
Animierbar:Ja,Siehe Referenz der einzelnen EigenschaftSiehe Referenz Animationseigenschaft
Version:CSS 1,2,3
JavaScript-Syntax:    
object.style.borderLeft="2px durchgestrichen red"

Syntax der Verwendung der linken Rahmenkante

Die Syntax dieses Attributes ist wie folgt:

border-left: [ border-left-width border-left-style border-left-color ] | initial | inherit

Der folgende Beispiel zeigt, wie man border-left Eigenschaft.

  h1 {
   border-left: 5px durchgestrichen #ff0000;
  }
  p {
   border-left: 3px gepunktet #00ff00;
  }
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
border-left-widthStellen Sie die Breite der linken Rahmenkante des Elements ein.
border-left-styleStellen Sie den Linienstil der linken Rahmenkante des Elements ein.
border-left-colorStellen Sie die Farbe der linken Rahmenkante des Elements ein.
initialSetzen Sie diesen Eigenschaftswert auf seinen Standardwert.
inheritWenn angegeben, wird der border des übergeordneten Elements für das verknüpfte Element verwendet.-Wert des left-Eigenschafts.

Browserkompatibilität

border-Kompatibilität des left-Eigenschafts im Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe Tutorial:CSS BorderCSS3 Border

zusammenhängende Eigenschaften:borderborder-left-colorborder-left-styleborder-left-width