Entdecken Sie die Verwendung des border-top-Attributs in CSS

Wir haben die Verwendung des CSS-Attributs „top“ im vorherigen Abschnitt eingeführt, sodass es in diesem Abschnitt einfacher ist, die Verwendung des CSS-Attributs „border-top“ zu erlernen. Das Abkürzungsattribut „border-top“ legt alle Attribute von „top“ fest Grenze in eine Anweisung.

In diesem Artikel wird die Verwendung des CSS-Attributs „border-top“ beschrieben. Das Abkürzungsattribut „border-top“ fasst alle Attribute des oberen Rahmens in einer Anweisung zusammen .

CSS-Border-Top-Eigenschaft

Definition und Verwendung

Die Abkürzungseigenschaft „border-top“ legt alle Eigenschaften des oberen Rands in einer Anweisung fest.

Die folgenden Attribute können der Reihe nach festgelegt werden:

border-top-width   
border-top-style   
border-top-color 

Wenn Sie keinen der Werte festlegen, ist beispielsweise auch border-top:solid #ff0000;

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderTop="3px solid blue"

Beispiel

Legen Sie den Stil des oberen Rahmens fest:

p  
  {  
  border-style:solid;  
  border-top:thick double #ff0000;  
  }  

　

Browser-Unterstützung

Alle Browser unterstützen die Border-Top-Eigenschaft.

Hinweis: Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

Mögliche Werte

值	描述
border-top-width	规定上边框的宽度。参阅：border-top-width 中可能的值。
border-top-style	规定上边框的样式。参阅：border-top-style 中可能的值。
border-top-color	规定上边框的颜色。参阅：border-top-color 中可能的值。
inherit	规定应该从父元素继承 border-top 属性的设置。

Referenzlektüre: http://www.manongjc.com/article/1188.html