HTML-DOM Stil borderBottom Eigenschaft
Definition und Verwendung
borderBottom Kurzschrift-Eigenschaft zu setzen oder in drei getrennten Rahmeneigenschaften zurückzukehren.
Mit dieser Eigenschaft können Sie / Rückkehr gesetzt:
- border-bottom-width
- border-bottom-Stil
- border-bottom-color
Grammatik
Einstellen borderBottom Eigenschaften:
Object.style.borderBottom="width style color"
Zurück borderBottom Eigenschaften:
Object.style.borderBottom
Tipp: borderBottom Eigenschaft hat keinen Standardwert.
参数 | 描述 |
---|---|
width | 设置下边框的宽度。 |
style | 设置下边框的样式。 |
color | 设置下边框的颜色。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen borderBottom Eigenschaft.
Beispiele
Beispiele
Ändern Sie die Breite, Stil und Farbe an der Grenze:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
# Ex1 {
Grenze: dünn gepunktete # FF0000;
}
</ Style>
<Script>
Funktion displayResult () {
Document.getElementById ( "EX1") style.borderBottom = "dicke solid # 0000FF".
}
</ Script>
</ Head>
<Body>
<Div id = "EX1"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Ändern Sie den unteren Rand </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
# Ex1 {
Grenze: dünn gepunktete # FF0000;
}
</ Style>
<Script>
Funktion displayResult () {
Document.getElementById ( "EX1") style.borderBottom = "dicke solid # 0000FF".
}
</ Script>
</ Head>
<Body>
<Div id = "EX1"> Dies ist ein Text. </ Div>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Ändern Sie den unteren Rand </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte