Style left egenskap

Definition och användning

left Egenskap som ställer in eller returnerar positionselementets vänstra position.

Denna egenskap specificerar elementets vänstra position, inklusive inre marginaler, rullgardiner, kanter och marginaler.

Tips:Positionselementet är positionsegenskapet satt till:relative,absolut eller fast element.

Tips:För att ställa in eller returnera positionselementets högra position, använd right egenskap.

Se också:

CSS Tutorial:CSS Positionering

CSS Referenshandbok:left egenskap

Exempel

Exempel 1

Ställ in vänstra positionen för <button>-elementet:

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

Prova själv

Exempel 2

Ställ in vänstra positionen för <div>-elementet:

document.getElementById("myDIV").style.left = "100px";

Prova själv

Exempel 3

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

document.getElementById("myDIV").style.left = "-100px";

Prova själv

Exempel 4

Returnera <div>-elementets vänstra position:

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

Prova själv

Syntax

Returnera left egenskap:

object.style.left

Ställ in left egenskap:

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

Egenskapsvärde

Värde Beskrivning
auto Låt webbläsaren ställa in vänster position. Standard.
length Definiera vänster position med längd-enheter. Tillåter negativa värden.
% Ställ in vänster position med föräldrelementets bredd i procent.
initial Sätt detta egenskapsvärde till dess standardvärde. Se initial.
inherit Inheriterar detta egenskapsvärde från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: En sträng som anger positionselementets vänstra position.
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