Przykład
Zmiana szerokości czterech granic w <div> element:
document.getElementById("myDiv").style.borderWidth = "thick"; Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności borderWidth lub zwraca szerokość obramowania elementu.
Ta właściwość może trwać od jednego do czterech wartości:
- Jedna wartość, na przykład: P {granica szerokości: grube} - wszystkich czterech krawędzi być grube
- Dwie wartości, takie jak: p {granicznej szerokości: grube cienkie} - górna i dolna granica będzie mieć grubość, lewa i prawa krawędź będzie cienki
- Trzy wartości, takie jak: p {granicznej szerokości: grube cienkie średnie} - górna granica będzie mieć grubość, lewa i prawa krawędź będzie cienki dolna granica będzie średniej
- Cztery wartości, takie jak: p {granicznej szerokości: grube cienkie średniej 10px} - górna granica będzie mieć grubość, prawa krawędź będzie cienki, dolna granica średniej będzie lewa granica będzie 10px
Wsparcie przeglądarka
Nieruchomość borderWidth jest dostępna we wszystkich głównych przeglądarkach.
Składnia
Zwraca właściwość borderWidth:
object .style.borderWidth
Ustaw właściwość borderWidth:
object .style.borderWidth="thin|medium|thick| wartości nieruchomości Wartość Opis thin Definiuje cienką granicę medium Definiuje granicę średniej. Jest to domyślny thick Definiuje grubą granicę length Szerokość granicy w jednostkach długości initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: średni Zwracana wartość: Ciąg reprezentujący szerokość obramowania elementu jest Wersja CSS CSS1
Więcej przykładów
Przykład
Zmień szerokość górnej i dolnej granicy do grubości, a granica prawej i lewej strony cienki z <div> element:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Spróbuj sam "
Przykład
Zmiana szerokości czterech granic w <div> elementu, używając wartości długości:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Spróbuj sam "
Przykład
Zwraca szerokość obramowania <div> element:
alert(document.getElementById("myDiv").style.borderWidth);
Spróbuj sam "
Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border-width property
HTML DOM: border property
<Style obiektu