CSS border-top egenskab

Definition og brug

border-top-kortegenskab sætter alle egenskaber for den øverste kant i én erklæring.

Egenskaberne kan indstilles i følgende rækkefølge:

Hvis ingen af værdierne er sat, vil det ikke være et problem, f.eks. border-top:solid #ff0000; er også tilladt.

Se også:

CSS-læringskursus:CSS kanter

HTML DOM referencehåndbog:borderTop-egenskaben

Eksempel

Indstil stilen på den øverste kant:

p
  {
  border-style:solid;
  border-top:tyk dobbelt #ff0000;
  }

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
border-top-width Definerer bredden på den øverste kant. Se også:border-top-width mulige værdier.
border-top-style Definerer stilen på den øverste kant. Se også:border-top-style mulige værdier.
border-top-color Definerer farven på den øverste kant. Se også:border-top-color mulige værdier.
inherit Definerer, at border-top-egenskaben skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.borderTop="3px solid blue"

Flere eksempler

Alle øverste kantegenskaber i én erklæring
Dette eksempel viser, hvordan man bruger en kort form for egenskaber til at sætte alle øverste kantegenskaber i samme erklæring.

Browserunderstøttelse

Tabelens numre angiver den første browserversion, der fuldt ud understøtter denne egenskab.

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

Bemærkninger:IE7 og tidligere versjoner af browsere understøtter ikke værdien "inherit". IE8 kræver !DOCTYPE. IE9 understøtter "inherit".