English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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-width,border-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 Eigenschaft。Siehe Referenz Animationseigenschaft。 |
Version: | CSS 1,2,3 |
JavaScript-Syntax: | object.style.borderLeft="2px durchgestrichen red" |
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‹/›
Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
Wert | Beschreibung |
---|---|
border-left-width | Stellen Sie die Breite der linken Rahmenkante des Elements ein. |
border-left-style | Stellen Sie den Linienstil der linken Rahmenkante des Elements ein. |
border-left-color | Stellen Sie die Farbe der linken Rahmenkante des Elements ein. |
initial | Setzen Sie diesen Eigenschaftswert auf seinen Standardwert. |
inherit | Wenn angegeben, wird der border des übergeordneten Elements für das verknüpfte Element verwendet.-Wert des left-Eigenschafts. |
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.
|
Siehe Tutorial:CSS Border,CSS3 Border。
zusammenhängende Eigenschaften:border,border-left-color,border-left-style,border-left-width。