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

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsübersicht

CSS border 属性使用方法及示例

CSS的border属性设置元素边框的所有四个侧面的宽度、样式和颜色。它是用于单独设置边框属性,即一个速记属性,而border-widthborder-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 EigenschaftenSiehe auch Animationseigenschaft
Version:CSS 1,2,3
JavaScript-Syntax:    
object    object.style.border="1px fest rot"

Syntax der border-Eigenschaft

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.

Eigenschaftswert

Das folgende Tableau beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
border-widthStellen Sie die Breite der Elementumrandung ein.
border-styleStellen Sie die Linienart der Elementumrandung ein.
border-colorStellen Sie die Farbe der Elementumrandung ein.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der berechnete Wert der border-Eigenschaft des übergeordneten Elements verwendet.

Browserkompatibilität

Browserkompatibilität der border-Eigenschaft, alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiters Lesen

Siehe Tutorial:CSS BorderCSS3 Border

zusammenhängende Eigenschaften:border-widthborder-styleborder-colorborder-collapseborder-imageborder-radiusborder-spacing