CSS border-top egenskap

Definition och användning

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

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

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

Se också:

CSS-lärarlektion:CSS kanter

HTML DOM referenshandbok:borderTop egenskapen

Exempel

Ställ in stilen för övre kanten:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Prova själv

CSS-syntax

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

Egenskapsvärde

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

Tekniska detaljer

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

Mer exempel

Alla övre kantegenskaper i en deklaration
Detta exempel visar hur man använder en förkortad egenskap för att sätta alla övre kantegenskaper i samma deklaration.

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 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".