Przykład
Dodać obramowanie do <div> element:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy graniczne własności lub powraca do trzech oddzielnych budynków granicznych, 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):
- szerokość granicy
- border-style
- kolor ramki
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
border | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca właściwość border:
object .style.border
Ustaw właściwość border:
object .style.border=" wartości nieruchomości Parametr Opis width Ustawia szerokość granicach style Ustawia styl granic 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ść: nieokreślony Zwracana wartość: Ciąg reprezentujący graniczną szerokość, styl i / lub kolor elementu Wersja CSS CSS1
Więcej przykładów
Przykład
Zmień szerokość, styl i kolor obramowania <div> element:
document.getElementById("myDiv").style.border = "thin dotted red"; Spróbuj sam "
Przykład
Zwrotu wartości nieruchomości granicę <div> element:
alert(document.getElementById("myDiv").style.border); Spróbuj sam "
Podobne strony
Kurs CSS: CSS Border
Odniesienie CSS: border property
<Style obiektu