Style left ominaisuus

Määritelmä ja käyttö

left Asettaa tai palauttaa sijoitetun elementin vasemman reunan sijainnin.

Tämä ominaisuus määrittelee elementin vasemman reunan sijainnin, mukaan lukien sisennykset, pyörivät, reunat ja marginaalit.

Vinkki:Sijoitettu elementti on position ominaisuuden asettanut:relativejaabsolute tai fixed elementin.

Vinkki:Asettaaksesi tai palauttaaksesi sijoitetun elementin oikean reunan sijainnin, käytä: right ominaisuus.

Lisäksi katso:

CSS oppikirja:CSS sijoittelu

CSS viittausoppikirja:left ominaisuus

Esimerkki

Esimerkki 1

Aseta <button> -elementin vasemman reunan sijainti:

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

Kokeile itse

Esimerkki 2

Aseta <div> -elementin vasemman reunan sijainti:

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

Kokeile itse

Esimerkki 3

Käytä negatiivista arvoa - aseta <div> -elementin vasemman reunan sijainti:

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

Kokeile itse

Esimerkki 4

Palauttaa <div> -elementin vasemman reunan sijainnin:

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

Kokeile itse

Syntaksi

Palauta left ominaisuus:

objekti.style.left

Aseta left ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
auto Antaa selaimen asettaa vasemman reunan sijainnin. Oletus.
length Määritä vasemman reunan sijainti mittayksiköillä. Sallii negatiiviset arvot.
% Aseta vasemman reunan sijainti vanhemman elementin leveyden prosentteina.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkkijono, joka ilmaisee sijoitettavan elementin vasemman reunan sijainnin.
CSS versio: CSS2

Selain tukee

Selaaja Reuna Firefox Safari Opera
Selaaja Reuna Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki