Heim > Web-Frontend > HTML-Tutorial > Entdecken Sie die Verwendung des border-top-Attributs in CSS

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

WBOY
Freigeben: 2016-09-21 13:56:05
Original
1581 Leute haben es durchsucht

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 
Nach dem Login kopieren

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;  
  }  
Nach dem Login kopieren

 

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage