CSS kant-bund-stil egenskab

Definition and usage

border-bottom-style setter stilen på elementets nedre kant.

Kanten kan bare vises når denne verdien ikke er none.

I CSS1 må HTML brukeragenten bare støtte solid og none.

Se også:

CSS undervisning:CSS kant

CSS referansehåndbok:border-bottom egenskap

HTML DOM referansehåndbok:borderBottomStyle egenskap

Eksempel

Sett stilen på nedre kant:

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

Prøv selv

CSS syntaks

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

Egenskapsverdi

Verdi Beskrivelse
none Definerer kant uten kant.
hidden Samme som "none", men unntatt for tabeller. For tabeller brukes "hidden" for å løse kantkonflikter.
dotted Definerer punktkant. I de fleste nettlesere vises dette som en ren kant.
dashed Definerer stiplede kant. I de fleste nettlesere vises dette som en ren kant.
solid Definerer ren kant.
double Definerer dobbeltlinje. Bredden på dobbeltlinjen er lik verdien av border-width.
groove Definerer 3D fure kant. Effekten avhenger av verdien av border-color.
ridge Definerer 3D rist kant. Effekten avhenger av verdien av border-color.
inset Definerer 3D innsett kant. Effekten avhenger av verdien av border-color.
outset Definerer 3D opphevet kant. Effekten avhenger av verdien av border-color.
inherit Definerer at kantstilen skal arves fra foreldreelementet.

Teknisk detalj

Standardverdi: ikke spesifisert
Arvbarhet: nei
Versjon: CSS1
JavaScript syntaks: object.style.borderBottomStyle="dotted"

Flere eksempler

Sett stilen på nedre kant
Dette eksempelet viser hvordan du setter stilen på nedre kant.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter egenskapen.

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