Style borderWidth Property
Przykład
Zmień szerokość czterech obramowań elementu <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Definicja i użycie
Właściwość borderWidth ustawia lub zwraca szerokość obramowania elementu.
Ta właściwość może przyjmować od jednej do czterech wartości:
- Jedna wartość, np.: p {border-width: Thick} - wszystkie cztery krawędzie będą grube
- Dwie wartości, np.: p {border-width: Thick thin} - górna i dolna granica będą grube, lewa i prawa granica będą cienkie
- Trzy wartości, takie jak: p {border-width: gruby cienki średni}- górna granica będzie gruba, lewa i prawa granica będzie cienka, dolna granica będzie średnia
- Cztery wartości, np.: p {border-width: grube cienkie średnie 10px} - górna ramka będzie gruba, prawa ramka będzie cienka, dolna ramka będzie średnia, lewa ramka będzie 10px
Obsługa przeglądarki
| Property | |||||
|---|---|---|---|---|---|
| borderWidth | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość borderWidth:
object.style.borderWidth
Ustaw właściwość borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Wartości nieruchomości
| Value | Description |
|---|---|
| thin | Defines a thin border |
| medium | Defines a medium border. This is default |
| thick | Defines a thick border |
| length | The width of the border in length units |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
| Domyślna wartość: | średni |
|---|---|
| Wartość zwrotu: | String, reprezentujący szerokość krawędzi elementu |
| Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień szerokość górnego i dolnego obramowania na grubą, a lewą i prawą obramowanie na cienką elementu <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Przykład
Zmień szerokość czterech obramowań elementu <div>, używając wartości długości :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Przykład
Zwróć szerokość obramowania elementu <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Powiązane strony
Samouczek CSS: obramowanie CSS
Odniesienie CSS: właściwość border-width
Odniesienie HTML DOM: border property
❮ Obiekt stylu