Najnowsze tutoriale tworzenie stron internetowych
 

Style borderBottom Property

<Style obiektu

Przykład

Dodaj dolną granicę do <div> element:

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

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Zestawy własności borderBottom lub zwraca się na trzy odrębne właściwości granicznych dnie, 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 (in any order) :

  • granicy dnie szerokości
  • border-bottom-style
  • border-bottom-color

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
borderBottom 1,0 4.0 1,0 1,0 3.5

Składnia

Zwraca właściwość borderBottom:

object .style.borderBottom

Ustaw właściwość borderBottom:

object .style.borderBottom=" wartości nieruchomości
Parametr Opis
width Ustawia szerokość dolnej granicy
style Ustawia styl dolnej granicy
color Ustawia kolor dolnej granicy
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 szerokość, styl i / lub kolor dolnego obramowania elementu
Wersja CSS CSS1

Więcej przykładów

Przykład

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

document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Spróbuj sam "

Przykład

Zwrócić border-bottom wartości nieruchomości o <div> element:

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

Podobne strony

Kurs CSS: CSS Border

Odniesienie CSS: border-bottom property

HTML DOM: border property


<Style obiektu