CSS border-bottom-style egenskab

定义和用法

border-bottom-style definerer stilen for elementets bundkant.

Kanten vises kun, når denne værdi ikke er none.

I CSS1 skal HTML brugeragenten kun understøtte solid og none.

Se også:

CSS undervisning:CSS border

CSS referencehåndbog:border-bottom egenskab

HTML DOM referencehåndbog:borderBottomStyle egenskab

Eksempel

Sæt stilen for bundkanten:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
none Definerer ingen kant.
hidden Samme som "none" med undtagelse af når det anvendes på tabeller, hvor "hidden" bruges til at løse kantkonflikter.
dotted Definerer punktlinje. Vises som enlig linje i de fleste browsere.
dashed Definerer gestrikket linje. Vises som enlig linje i de fleste browsere.
solid Definerer enlig linje.
double Definerer dobbeltlinje. Bredden af dobbeltlinjen er lig med værdien af border-width.
groove Definerer 3D furekant. Effekten afhænger af værdien af border-color.
ridge Definerer 3D reliefkant. Effekten afhænger af værdien af border-color.
inset Definerer 3D indsat kant. Effekten afhænger af værdien af border-color.
outset Definerer 3D outline kant. Effekten afhænger af værdien af border-color.
inherit Definerer, at kantstilen skal arves fra forældrelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nei
Version: CSS1
JavaScript syntaks: object.style.borderBottomStyle="dotted"

Flere eksempler

Sæt stilen for bundkanten
Dette eksempel viser, hvordan du sætter stilen for bundkanten.

Browser-understøttelse

Tabelnumre angiver den første browser-version, der fuldt ud understøtter egenskaben.

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