CSS border-bottom egenskap

Definition och användning

border-bottom-kortformsegenskapen sätter alla egenskaper för nedre kanten i en deklaration.

Man kan sätta följande egenskaper i följd:

Om man inte sätter ett värde på någon av dem, kommer det inte att bli något problem, till exempel är border-bottom:solid #ff0000; också tillåtet.

Se också:

CSS-lärarvägledning:CSS kant

HTML DOM Referenshandbok:borderBottom-egenskapen

Exempel

Ställ in stilen för nedre kanten:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Prova själv

CSS-syntax

border-bottom: border-width border-style border-color|initial|inherit;

Egenskapsvärde

Värde Beskrivning
border-bottom-width Definierar bredden på nedre kanten. Se också:border-bottom-width mögliga värden.
border-bottom-style Definierar stilen på nedre kanten. Se också:border-bottom-style mögliga värden.
border-bottom-color Definierar färgen på nedre kanten. Se också:border-bottom-color mögliga värden.
inherit Definierar att border-bottom-egenskapen ska ärva inställningar från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerat
Arv: nej
Version: CSS1
JavaScript-syntax: object.style.borderBottom="3px solid blue"

Mer exempel

Alla nedre kantegenskaper i en deklaration
Detta exempel visar hur man använder förkortade egenskaper för att sätta alla nedre kantegenskaper i samma deklaration.

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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

Kommentar:IE7 och äldre webbläsare stöder inte värdet "inherit". IE8 kräver !DOCTYPE. IE9 stöder "inherit".