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
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