Najnowsze tutoriale tworzenie stron internetowych
 

Style border Property

<Style obiektu

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