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