Najnowsze tutoriale tworzenie stron internetowych
 

Style outline Property

<Style obiektu

Przykład

Dodaj kontur wokół <div> element:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności kontur lub powraca wszystkie właściwości zarysie, w skróconej formie.

Dzięki tej właściwości można ustawić / powrót jednego lub więcej z następujących czynności (w dowolnej kolejności):

  • outline-width
  • outline-style
  • outline-color

Zarys to linia wokół elementu. Jest on wyświetlany na całym marginesu elementu. Jednak różni się ona od nieruchomości granicznej.

Zarys nie jest częścią wymiarów elementu, zatem szerokość i wysokość właściwości elementu nie zawierają szerokość konturu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość zarys jest dostępna we wszystkich głównych przeglądarkach.

Note: Właściwość kontur nie jest obsługiwana w IE7 i wcześniej. IE8 wymaga! DOCTYPE. IE9 i później ją wspierać.


Składnia

Zwraca właściwość Outline:

object .style.outline

Ustaw właściwość Outline:

object .style.outline=" wartości nieruchomości
Parametr Opis
width Ustawia szerokość konturu
style Ustawia styl konturu
color Ustawia kolor obramowania
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 żaden inwertowany
Zwracana wartość: Ciąg reprezentujący obrys szerokość, styl i / lub kolor elementu
Wersja CSS CSS2

Więcej przykładów

Przykład

Zmień szerokość, styl i kolor obramowania z <div> element:

document.getElementById("myDiv").style.outline = "5px dotted green";
Spróbuj sam "

Przykład

Zwrotu wartości nieruchomości Zarys <div> element:

alert(document.getElementById("myDiv").style.outline);
Spróbuj sam "

Podobne strony

Kurs CSS: CSS Outline

Odniesienie CSS: outline property


<Style obiektu