CSS border-bottom-style egenskap

Definición och användning

border-bottom-style ställer in stilen för elementets nedre kant.

Kanten kommer endast att visas om detta värde inte är none.

I CSS1 behöver HTML användaragenten endast stödja solid och none.

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-bottom egenskap

HTML DOM referenshandbok:borderBottomStyle egenskap

Exempel

Ställ in stilen för nedre kant:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

Prova själv

CSS-syntax

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskapsvärde

Värde Beskrivning
none Definierar en kantlös kant.
hidden Likaså som "none", men utom för tabeller. För tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar en punkt kant. I de flesta webbläsare visas den som en solid kant.
dashed Definierar en punkt kant. I de flesta webbläsare visas den som en solid kant.
solid Definierar en solid kant.
double Definierar dubbel kant. Bredden på dubbelkanten är lika med värdet för border-width.
groove Definierar 3D grop kant. Effekten beror på värdet för border-color.
ridge Definierar 3D våg kant. Effekten beror på värdet för border-color.
inset Definierar 3D insatt kant. Effekten beror på värdet för border-color.
outset Definierar 3D utstående kant. Effekten beror på värdet för border-color.
inherit Specificerar att kantstilen ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: nej
Version: CSS1
JavaScript-syntax: object.style.borderBottomStyle="dotted"

Mer exempel

Ställ in stilen för nedre kant
Detta exempel visar hur du ställer in stilen för nedre kant.

Webbläsarstöd

Numreringar i tabellen anger den första webbläsaren som helt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2