Exemplu
Adăugați un "solid" de frontieră la un <div> Element:
document.getElementById("myDiv").style.borderStyle = "solid";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate borderStyle sau returnează stilul de frontieră unui element.
Această proprietate poate dura de la una la patru valori:
- O valoare, cum ar fi: p {border-style: solid} - toate cele patru frontiere vor fi solide
- Există două valori, cum ar fi: p {stil de frontieră: solid punctată} - de sus și de jos de frontieră va fi solidă, la stânga și la dreapta de frontieră va fi punctată
- Trei valori, cum ar fi: p {stil de frontieră: solid punctată dublu} - chenarul de sus va fi solidă, la stânga și la dreapta de frontieră vor fi punctate, de frontieră de jos va fi dublu
- Patru valori, precum: p {stil chenar: solid punctată dublă punctată} - top de frontieră va fi solidă, de frontieră dreapta va fi punctată, bordura de jos va fi dublu, de frontieră din stânga vor fi spulberate
Suport pentru browser-
Proprietatea borderStyle este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea borderStyle:
object .style.borderStyle
Setați proprietatea borderStyle:
object .style.borderStyle= 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ă unui element CSS Versiune CSS1
Mai multe exemple
Exemplu
Schimbarea stilului de patru granițele unui <div> Element:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Încearcă - l singur »
Exemplu
Întoarcere stilul de frontieră al unui <div> Element:
alert(document.getElementById("myDiv").style.borderStyle); Încearcă - l singur »
Exemplu
O demonstrație a tuturor diferitelor valori:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border-style property de border-style property
HTML DOM de referință: border property de border property
<Style Object