Ultimele tutoriale de dezvoltare web
 

Style borderStyle Property

<Style Object

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-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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