Exemplu
Schimbarea lățimea celor patru granițele unui <div> Element:
document.getElementById("myDiv").style.borderWidth = "thick"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate borderwidth sau returnează lățimea frontierei unui element.
Această proprietate poate dura de la una la patru valori:
- O valoare, cum ar fi: p {border-width: grosime} - toate cele patru frontiere vor fi gros
- Două valori, cum ar fi: p {border-width: o grosime subțire} - marginea de sus și de jos va fi gros, la stânga și la dreapta de frontieră va fi subțire
- Trei valori, cum ar fi: p {border-width: mediu gros subțire} - marginea de sus va fi gros, la stânga și la dreapta de frontieră va fi subțire, de frontieră de jos va fi mediu
- Patru valori, precum: p {border-width: gros mediu subțire 10px} - marginea de sus va fi gros, de frontieră dreapta va fi subțire, de frontieră de jos va fi mediu, de frontieră din stânga va fi 10px
Suport pentru browser-
Proprietatea borderwidth este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea borderwidth:
object .style.borderWidth
Setați proprietatea borderwidth:
object .style.borderWidth="thin|medium|thick| Valori de proprietate Valoare Descriere thin Definește o bordură subțire medium Definește o bordură mediu. Acest lucru este implicit thick Definește o bordură groasă length Lățimea frontierei în unități de lungime 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ă: mediu Întoarcere Valoare: Un șir, reprezentând lățimea frontierei unui element CSS Versiune CSS1
Mai multe exemple
Exemplu
Schimbarea lățimea marginii de sus și de jos la o grosime, iar granița stânga și la dreapta pentru a subția unui <div> Element:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Încearcă - l singur »
Exemplu
Modifica lățimea celor patru frontiere ale unui <div> element utilizând valoarea lungimii:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Încearcă - l singur »
Exemplu
Returnarea lățimea marginii unui <div> Element:
alert(document.getElementById("myDiv").style.borderWidth);
Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Border
Referință CSS: border-width property de border-width property
HTML DOM de referință: border property de border property
<Style Object