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

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaftsliste

CSS border-Verwendung und Beispiel des bottom-Attributs

CSS border-Das bottom-Attribut von CSS setzt die Breite, den Stil und die Farbe des Elements der unteren Kante. Es ist ein Attribut, das zur separaten Einstellung der unteren Kante verwendet wird, also ein Kurzschreibungsattribut. border-bottom-widthborder-bottom-styleundborder-bottom-colorEs ist eine einzelne Attributdeklaration.

Die folgende Tabelle gibt eine Übersicht über den Verwendungsrahmen und die Versionshistorie dieses Attributes.

Standardwert:Alle Attribute anzeigen
Geeignet für:Alle Elemente
Vererbung:Keine
Animierbar:Ja,Siehe einzelnes AttributSiehe Referenz Animationsattribute
Version:CSS 1,2,3
JavaScript-Syntax:object object.style.borderBottom="2px solid red"

border-bottom-Syntax

Die Syntax dieses Attributes ist wie folgt:

border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit

Der folgende Beispiel zeigt, wie man border-bottom-Attribut.

h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}
Testen Sie es heraus‹/›

Attributswert

Die folgende Tabelle beschreibt die Werte dieses Attributes.

WertBeschreibung
border-bottom-widthLegen Sie die Breite der unteren Kante des Elements fest.
border-bottom-styleLegen Sie den Linienstil der unteren Kante des Elements fest.
border-bottom-colorLegen Sie die Farbe der unteren Kante des Elements fest.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der berechnete Wert der border-Eigenschaft des übergeordneten Elements verwendet.-bottom。

Browserkompatibilität

border-Kompatibilität des bottom-Attributs der Browser, alle gängigen Browser unterstützen dieses Attribut.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Weiterlesen

Siehe Tutorial:CSS BorderCSS3 Border

zusammenhängende Eigenschaften:borderborder-bottom-colorborder-bottom-styleborder-bottom-width