CSS border-bottom-style egenskap

Definering 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 kräver HTML-användargränssnittet bara stöd för solid och none.

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-bottom egenskap

HTML DOM referenshandbok:borderBottomStyle egenskapen

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 kant utan ram.
hidden Likaså som "none", men inte tillämpas på tabeller. För tabeller används "hidden" för att lösa kantkonflikter.
dotted Definierar en punktlinje. I de flesta webbläsare visas detta som en solid linje.
dashed Definierar en punktlinje. I de flesta webbläsare visas detta som en solid linje.
solid Definierar en solid kant.
double Definierar dubbelkant. Bredden på dubbelkanten är lika med värdet av border-width.
groove Definierar 3D-fåra-kant. Effekten beror på värdet av border-color.
ridge Definierar 3D-ribbarkant. Effekten beror på värdet av border-color.
inset Definierar 3D-inset-kant. Effekten beror på värdet av border-color.
outset Definierar 3D-outset-kant. Effekten beror på värdet av border-color.
inherit Detaljerar att kantstilen bör härledas från föräldrelementet.

Tekniska detaljer

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

Fler 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

Tal i tabellen anger den första webbläsare som fullständigt stöder egenskapen.

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