Atrybut Style outlineWidth

Definicja i użycie

outlineWidth Ustawia lub zwraca szerokość konturu wokół elementu.

Kontur to linia otaczająca element. Wyświetla się wokół marginesów elementu. Jednak różni się od atrybutu ramki.

Kontur nie jest częścią wymiarów elementu, więc atrybuty szerokości i wysokości elementu nie zawierają szerokości konturu.

Inne zasoby:

Kurs CSS:Kontur CSS

Podręcznik CSS:Atrybut outline

Podręcznik HTML DOM:Atrybut outline

Przykład

Przykład 1

Zmiana szerokości konturu elementu <div>:

document.getElementById("myDiv").style.outlineWidth = "10px";

Spróbuj sam

Przykład 2

Zmiana szerokości konturu elementu <div> za pomocą wartości "thick":

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

Spróbuj sam

Przykład 3

Zwrócenie szerokości konturu elementu <div>:

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

Spróbuj sam

Gramatyka

Zwrócenie atrybutu outlineWidth:

object.style.outlineWidth

Ustawienie atrybutu outlineWidth:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Wartość atrybutu

Wartość Opis
thin Definiuje cienki kontur.
medium Definiuje średni kontur. Domyślny.
thick Definiuje gruby kontur.
length Szerokość konturu wyrażona w jednostkach długości.
initial Ustawia 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, oznaczający szerokość konturu elementu.
Wersja CSS: CSS2

Obsługa przeglądarek

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