Atrybut dolnej granicy Style
- Poprzednia strona border
- Następna strona borderBottomColor
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
definicja i użycie
dolna granica
Atrybut ustawiany lub zwracany w formie skróconej może zawierać maksymalnie trzy oddzielne atrybuty border-bottom.
Używając tej właściwości, możesz ustawić/zwrócić jedno lub kilka z poniższych (w dowolnej kolejności):
Zobacz również:
Kurs CSS:Pasek obramowania CSS
Podręcznik CSS:Atrybut border-bottom
Podręcznik HTML DOM:Atrybut border
Przykład
Przykład 1
Dodanie dolnej krawędzi do elementu <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Przykład 2
Zmiana szerokości, stylu i koloru dolnej krawędzi elementu <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Przykład 3
Zwrócona wartość atrybutu border-bottom elementu <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Gramatyka
Zwrócenie właściwości borderBottom:
object.style.borderBottom
Ustawienie właściwości borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
width | Ustawienie szerokości dolnej krawędzi. |
style | Ustawienie stylu dolnej krawędzi. |
color | Ustawienie koloru dolnej krawędzi. |
initial | Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit. |
Szczegóły techniczne
Domyślna wartość: | nie określono |
---|---|
Zwrócona wartość: | Ciąg znaków, który określa szerokość, styl i/lub kolor dolnej krawędzi elementu. |
Wersja CSS: | CSS1 |
Obsługa przeglądarek
Liczby w tabeli wskazują na wersję przeglądarki, która w pełni obsługuje tę właściwość.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Poprzednia strona border
- Następna strona borderBottomColor
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM