English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS的border属性设置元素边框的所有四个侧面的宽度、样式和颜色。它是用于单独设置边框属性,即一个速记属性,而border-width,border-style以及border-colorist eine einzige Deklaration.
Das folgende Tableau zusammenfasst die Anwendungskontexte und Versionshistorie dieser Eigenschaft.
Standardwert: | Siehe individuelle Eigenschaften |
---|---|
Geeignet für: | Alle Elemente |
Vererbung: | Nein |
Animierbar: | Ja,Siehe auch die einzelnen Eigenschaften。Siehe auch Animationseigenschaft。 |
Version: | CSS 1,2,3 |
JavaScript-Syntax: | object object.style.border="1px fest rot" |
Die Syntax dieser Eigenschaft ist wie folgt:
border: [ border-width border-style border-color ] | initial | inherit
Hinweis:Falls eine der aufgeführten Eigenschaften fehlt oder weggelassen wird, wird der Standardwert dieser Eigenschaft (wenn vorhanden) eingefügt. Weitere Informationen finden Sie in den jeweiligen Eigenschaften.
Die folgenden Beispiele zeigen, wie die border-Eigenschaft verwendet wird.
h1 { border: 5px fest #ff0000;} p { color: #00ff00; border: 5px fest;}Testen Sie heraus‹/›
Hinweis:wennborder-colorfehlend oder nicht angegeben (z.B. border: 5px fest;),colorwird der Wert der Elementeigenschaft verwendet. Aber, wenn esborder-styleFällen, wird übersprungen oder ignoriert, wird keine Umrandung angezeigt, da border-Der Standardwert der style-Eigenschaft ist none.
Das folgende Tableau beschreibt die Werte dieser Eigenschaft.
Wert | Beschreibung |
---|---|
border-width | Stellen Sie die Breite der Elementumrandung ein. |
border-style | Stellen Sie die Linienart der Elementumrandung ein. |
border-color | Stellen Sie die Farbe der Elementumrandung ein. |
initial | Setzen Sie diesen Wert auf seinen Standardwert. |
inherit | Wenn angegeben, wird der berechnete Wert der border-Eigenschaft des übergeordneten Elements verwendet. |
Browserkompatibilität der border-Eigenschaft, alle gängigen Browser unterstützen diese Eigenschaft.
|
Siehe Tutorial:CSS Border,CSS3 Border。
zusammenhängende Eigenschaften:border-width,border-style,border-color,border-collapse,border-image,border-radius,border-spacing。