Exemplu
Adăugați un "solid" chenar jos la un <div> Element:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate borderBottomStyle sau returnează stilul de frontiera de jos a unui element.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Notă: Valoarea "hidden" nu este acceptat în IE7 și versiunile anterioare. IE9 și sprijin mai târziu "hidden" .
Sintaxă
Întoarcere proprietatea borderBottomStyle:
object .style.borderBottomStyle
Setați proprietatea borderBottomStyle:
object .style.borderBottomStyle= value Valori de proprietate
| Valoare | Descriere |
|---|---|
| none | Definește niciun chenar. Acest lucru este implicit |
| hidden | La fel ca "none" , cu excepția cazului în soluționarea conflictelor de frontieră pentru elementele de masă |
| dotted | Definește o bordură punctată |
| dashed | Definește o bordură punctată |
| solid | Definește o bordură solid |
| double | Definește două frontiere. Lățimea celor două frontiere sunt aceleași ca valoare transfrontalieră lățime |
| groove | Definește o bordură 3D canelat. Efectul depinde de valoarea frontierei de culoare |
| ridge | Definește o bordură 3D striate. Efectul depinde de valoarea frontierei de culoare |
| inset | Definește o bordură 3D insertie. Efectul depinde de valoarea frontierei de culoare |
| outset | Definește o bordură 3D început. Efectul depinde de valoarea frontierei de culoare |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | nici unul |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând stilul chenarul inferior unui element |
| CSS Versiune | CSS1 |
Mai multe exemple
Exemplu
Schimbarea stilului de frontiera de jos a unui <div> element "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Încearcă - l singur » Exemplu
Întoarcere stilul de frontieră de jos a unui <div> Element:
alert(document.getElementById("myDiv").style.borderBottomStyle); Încearcă - l singur » Exemplu
O demonstrație a tuturor diferitelor valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border-bottom-style property de border-bottom-style property
HTML DOM de referință: border property de border property
<Style Object