Vlastnost Styl borderBottom
Příklad
Přidejte spodní ohraničení k prvku <div>:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost borderBottom nastavuje nebo vrací až tři samostatné vlastnosti border-bottom ve zkrácené podobě.
Pomocí této vlastnosti můžete nastavit/vrátit jedno nebo více z následujících (v libovolném pořadí):
- border-bottom-width
- border-bottom-style
- border-bottom-color
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost borderBottom:
object.style.borderBottom
Nastavte vlastnost borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Hodnoty vlastností
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | nespecifikováno |
---|---|
Návratová hodnota: | Řetězec představující šířku, styl a/nebo barvu spodního okraje prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte šířku, styl a barvu spodního okraje prvku <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Příklad
Vraťte hodnoty vlastnosti border-bottom prvku <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Související stránky
CSS tutoriál: CSS Border
CSS reference: vlastnost border-bottom
Odkaz HTML DOM: vlastnost border