CSS left ominaisuus

Määrittely ja käyttö

left ominaisuus määrittelee elementin vasemman reunan. Tämä ominaisuus määrittää sijoitettavan elementin vasemman ulkoreunaveden reunan ja sisäisen elementin vasemman reunan välinen etäisyys.

Huomautus:Jos position-ominaisuuden arvo on "static", left-ominaisuuden asettaminen ei aiheuta minkäänlaista vaikutusta.

Kuvaus

Static-elementeille arvo on auto; pituusarvoille vastaava absoluuttinen pituus; prosenttiarvoille määritelty arvo; muussa tapauksessa auto.

Suhteellisesti määritellyille elementeille left-laskettu arvo on aina sama kuin right.

Katso myös:

CSS oppitunti:CSS sijoittelu

HTML DOM viittausoppikirja:left ominaisuus

Esimerkki

Aseta kuvan vasemman reunan sijainti 100 kuvapistettä sisäisen elementin vasemman reunan oikealle.

img
  {
  position:absolute;
  left:100px;
  }

Kokeile itse

CSS kieli

left: auto|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain laskee vasemman reunan sijainnin.
% Aseta elementin vasemman reunan sijainti prosenttiosuutena elementin sisällöstä. Voit käyttää negatiivisia arvoja.
length Aseta elementin vasemman reunan sijainti px, cm jne. yksiköillä. Voit käyttää negatiivisia arvoja.
inherit Määritellään, että left-ominaisuuden arvon tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: ei
Versio: CSS2
JavaScript kieli: object.style.left="100px"

Lisää esimerkkejä

Aseta kuvan vasemman reunan vakaan arvon
Tämä esimerkki näyttää, miten voit asettaa kuvan vasemman reunan vakaan arvon.
Aseta kuvan vasemman reunan prosenttiosuus
Tämä esimerkki näyttää, miten voit asettaa kuvan vasemman reunan prosenttiosuuden.

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimen versioon, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0