Atrybut Style borderBottomStyle

Definicja i użycie

borderBottomStyle Ustawienie lub zwracanie stylu dolnej krawędzi elementu.

Zobacz również:

Kurs CSS:Krawędzie CSS

Podręcznik CSS:Atrybut border-bottom-style

Podręcznik HTML DOM:Atrybut border

Przykład

Przykład 1

Dodaj solidną dolną krawędź do elementu <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Spróbuj sam

Przykład 2

Zmień styl dolnej krawędzi elementu <div> na "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Spróbuj sam

Przykład 3

Zwróć styl dolnej krawędzi elementu <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Spróbuj sam

Przykład 4

Pokaz所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Spróbuj sam

Gramatyka

Zwrócenie właściwości borderBottomStyle:

object.style.borderBottomStyle

Ustawienie właściwości borderBottomStyle:

object.style.borderBottomStyle = value

Wartość atrybutu

Wartość Opis
none Definiuje brak krawędzi. Domyślnie.
hidden Takie samo jak "none", ale z wyjątkiem rozwiązywania konfliktów krawędzi tabeli.
dotted Definiuje krawędź punktowaną.
dashed Definiuje krawędź przerywaną.
solid Definiuje pełną krawędź.
double Definiuje dwie krawędzie. Szerokość obu krawędzi jest taka sama jak wartość border-width.
groove Definiuje 3D wklęsłą krawędź. Efekt zależy od: border-color wartości.
ridge Definiuje 3D grzbietową krawędź. Efekt zależy od: border-color wartości.
inset Definiuje 3D wciętą krawędź. Efekt zależy od: border-color wartości.
outset Definiuje 3D wysunięty obręb krawędzi. Efekt zależy od: border-color wartości.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: none
Zwracana wartość: Ciąg znaków, który określa styl dolnej krawędzi elementu.
Wersja CSS: CSS1

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą 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 5.5 1.0 1.0 9.2

Komentarz:IE7 i wcześniejsze wersje nie obsługują wartości "hidden". IE9 i wyższe wersje obsługują "hidden".