Style border property

Definicja i użycie

border Atrybuty są ustawiane lub zwracane w formie skróconej, obejmującej najwyżej trzy oddzielne atrybuty obramowania.

Za pomocą tej właściwości możesz ustawić/zwrócić jedno lub kilka z poniższych (w dowolnej kolejności):

Zobacz również:

CSS Tutorial:Bramka CSS

CSS Reference Manual:Atrybut border

Przykład

Przykład 1

Dodanie obramowania do elementu <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Spróbuj sam

Przykład 2

Zmiana szerokości, stylu i koloru obramowania elementu <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

Spróbuj sam

Przykład 3

Zwrócony wartość atrybutu border elementu <div>:

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

Spróbuj sam

Gramatyka

Zwrócony atrybut border:

object.style.border

Ustawienie atrybutu border:

object.style.border = "width style color|initial|inherit"

Wartość atrybutu

Wartość Opis
width Ustawienie szerokości obramowania.
style Ustawienie stylu obramowania.
color Ustawienie koloru obramowania.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherituje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: Nie określono.
Zwrócony wartość: Ciąg znaków, który reprezentuje szerokość, styl i/lub kolor obramowania elementu.
Wersja CSS: CSS1

Wsparcie przeglądarki

border To jest cecha CSS1 (1996).

Wszystkie przeglądarki wspierają je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane