Style top egenskap

Definition och användning

top Egenskap som ställer in eller returnerar topppositionen för positionerade element.

Denna egenskap specificerar elementets toppposition, inklusive inre marginaler, rullgardiner, kanter och marginaler.

Tips:Positionselement är Positionsegenskap Sätt till:relative,absolut eller fast.

Tips:För att ställa in eller returnera bottenpositionen för positionerade element, använd Bottomsegenskap.

Se också:

CSS Tutorial:CSS-positionering

CSS Referenshandbok:Toppegenskap

Exempel

Exempel 1

Ställ in topppositionen för <button>-elementet:

document.getElementById("myBtn").style.top = "100px";

Prova själv

Exempel 2

Använd negativa värden - ställ in topppositionen för <div>-elementet:

document.getElementById("myDiv").style.top = "-100px";

Prova själv

Exempel 3

Returnera topppositionen för <div>-elementet:

alert(document.getElementById("myDiv").style.top);

Prova själv

Syntaks

Returnera toppegenskapen:

object.style.top

Ställ in toppegenskapen:

object.style.top = "auto|length|%|initial|inherit"

Egenskapsvärde

Värde Beskrivning
auto Låt webbläsaren ställa in topppositionen. Standard.
length Definiera topppositionen med längd-enheter. Tillåter negativa värden.
% Ställ in topppositionen som en procentandel av föräldrelementets höjd.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: Ingen
Returvärde: Sträng som anger topppositionen för positionerade element.
CSS-version: CSS2

Webbläsare stödjer

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd