Właściwość szerokośćKrawędzi stylu

Definicja i użycie

szerokośćKrawędzi Właściwość ustawia lub zwraca szerokość krawędzi elementu.

Ta właściwość może przyjąć od jednej do czterech wartości:

  • Wartość, na przykład: p {szerokość-krawędzi: gruba} - wszystkie cztery krawędzie są grube
  • Dwie wartości, na przykład: p {border-width: thick thin} - górna i dolna krawędź gruba, boczne krawędzie cienkie
  • Trzy wartości, na przykład: p {border-width: thick thin medium} - górna krawędź gruba, boczne krawędzie cienkie, dolna krawędź średnia
  • Cztery wartości, na przykład: p {border-width: thick thin medium 10px} - górna krawędź gruba, prawa krawędź cienka, dolna krawędź średnia, lewa krawędź 10px

Zobacz również:

Kurs CSS:CSS obramowanie

Przeglądarka CSS:Właściwość border-width

Przeglądarka HTML DOM:Właściwość border

Przykład

Przykład 1

Zmiana szerokości czterech krawędzi elementu <div>：

document.getElementById("myDiv").style.borderWidth = "thick";

Spróbuj sam

Przykład 2

Zmiana szerokości górnej i dolnej krawędzi elementu <div> na grubą, a szerokości bocznych na cienką：

document.getElementById("myDiv").style.borderWidth = "thick thin";

Spróbuj sam

Przykład 3

Użycie wartości długości, aby zmienić szerokość czterech krawędzi elementu <div>：

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

Spróbuj sam

Przykład 4

Zwracana szerokość krawędzi elementu <div>：

alert(document.getElementById("myDiv").style.borderWidth);

Spróbuj sam

Gramatyka

Zwracanie właściwości borderWidth：

object.style.borderWidth

Ustawienie właściwości borderWidth：

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Wartość Opis
thin Definiuje cienką krawędź.
medium Definiuje średnią krawędź. Domyślna.
thick Definiuje grubą krawędź.
length Szerokość krawędzi liczoną w długości.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial。
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit。

Szczegóły techniczne

Domyślna wartość： medium
Zwracana wartość： ciąg znaków, który reprezentuje szerokość krawędzi elementu.
CSS wersja： CSS1

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie