atrybut outline stylu

definicja i użycie

outline atrybuty ustawione w formie skróconej lub zwracane dla wszystkich atrybutów konturu.

za pomocą tego atrybutu możesz ustawić/zwrócić jedno lub kilka z następujących (w dowolnej kolejności):

kontur to linia otaczająca element. Wyświetla się wokół marginesu elementu. Jednak różni się od atrybut border różne.

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

patrz również:

kurs CSS:Kontur CSS

podręcznik CSS:atrybut outline

przykład

przykład 1

dodaj kontur wokół elementu <div>:

document.getElementById("myDiv").style.outline = "gruby solid #0000FF";

spróbuj sam

przykład 2

zmień szerokość, styl i kolor konturu elementu <div>:

document.getElementById("myDiv").style.outline = "5px dotted green";

spróbuj sam

przykład 3

zwróć wartość atrybutu outline elementu <div>:

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

spróbuj sam

gramatyka

zwróć atrybut outline:

object.style.outline

ustawienie atrybutu outline:

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

wartość atrybutu

wartość opis
width ustawienie szerokości konturu
style ustawienie stylu konturu
color ustawienie koloru konturu
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

szczegóły techniczne

Domyślna wartość: średni brak obrotu
Zwracana wartość: ciąg znaków, który reprezentuje szerokość, styl i/lub kolor konturu elementu.
Wersja CSS: CSS2

obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
wsparcie wsparcie wsparcie wsparcie wsparcie