Style borderBottom 属性

定义和用法

borderBottom Egenskapen ställs in eller returneras i kortform för högst tre enskilda border-bottom egenskaper.

Använd detta egenskap för att ställa in/returnera följande en eller flera (i vilken ordning som helst):

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-bottom egenskap

HTML DOM referenshandbok:border egenskap

Exempel

Exempel 1

Lägg till nedre kant till <div>-elementet:

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

Prova själv

Exempel 2

Ändra bredd, stil och färg på <div>-elementets nedre kant:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Prova själv

Exempel 3

Returnera <div>-elementets border-bottom egenskapsvärde:

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

Prova själv

Syntax

Returnera borderBottom egenskap:

object.style.borderBottom

Ställ in borderBottom egenskap:

object.style.borderBottom = "width style color|initial|inherit"

Egenskapsvärde

Värde Beskrivning
width Ställ in bredden på nedre kant.
style Ställ in stilen på nedre kant.
color Ställ in färgen på nedre kant.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheritera detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: inte specificerat
Returvärde: sträng som anger elementets nedre kantens bredd, stil och/eller färg.
CSS-version: CSS1

Webbläsarstöd

Talen i tabellen anger den första webbläsaren som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5