Exemplu
Adăugați un "solid" chenarul de sus într - un <div> Element:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate borderTopStyle sau returnează stilul de marginea de sus a unui element.
Suport pentru browser-
Proprietatea borderTopStyle este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea borderTopStyle:
object .style.borderTopStyle
Setați proprietatea borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 de frontieră de top unui element |
| CSS Versiune | CSS1 |
Mai multe exemple
Exemplu
Schimbarea stilului de marginea de sus a unui <div> element "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Încearcă - l singur » Exemplu
Întoarcere stilul de frontieră de sus a unui <div> Element:
alert(document.getElementById("myDiv").style.borderTopStyle); Încearcă - l singur » Exemplu
O demonstrație a tuturor diferitelor valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border-top-style property
HTML DOM de referință: border property de border property
<Style Object