CSS left ιδιότητα

Ορισμός και χρήση

Το attributes left ορίζει την αριστερή κόμβο του στοιχείου. Η ιδιότητα καθορίζει την απόκλιση του εξωτερικού περιθώριου του στοιχείου τοποθετημένου από το περιεχόμενο του περιβάλλοντος του.

Σχόλια:Αν η τιμή του attributes position είναι "static", η ρύθμιση του attributes left δεν έχει καμία επίδραση.

Σημείωση

Για στοιχεία static, είναι auto; για τιμές μήκους, η αντίστοιχη αβсолютή μήκος; για ποσοστιαίες τιμές, η καθορισμένη τιμή; αλλιώς auto.

Για σχετικά στοιχεία ορισμού, η τιμή υπολογισμού του left είναι πάντα ίση με το right.

Δείτε επίσης:

Εκμάθηση CSS:Θέση CSS

Εγχειρίδιο HTML DOM:attributes left

Παράδειγμα

Ρυθμίστε την αριστερή κόμβο της εικόνας στη θέση 100px αριστερά από την αριστερή κόμβο του περιεχομένου του στοιχείου που την περιέχει:

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

Δοκιμάστε το個人τικά

Γλώσσα σύνταξης CSS

left: auto|length|initial|inherit;

Τιμή του attributes

Τιμή Περιγραφή
auto Προεπιλεγμένη τιμή. Η θέση της αριστερή κόμβο υπολογίζεται από το πρόγραμμα περιήγησης.
% Ρυθμίστε τη θέση του στοιχείου με ποσοστό που περιλαμβάνει το στοιχείο ως ποσοστό του περιεχομένου του.
length Ρυθμίστε τη θέση του στοιχείου με μονάδες όπως px, cm κ.λπ. Μπορούν να χρησιμοποιηθούν αρνητικές τιμές.
inherit Ορίζει ότι η τιμή του attributes left πρέπει να κληρονομηθεί από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Προκλητικότητα: no
Έκδοση: CSS2
Γλώσσα σύνταξης JavaScript: object.style.left="100px"

Περισσότερες παραδείξεις

Ρύθμιση της αριστερή κόμβο της εικόνας με σταθερή τιμή
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε σταθερή τιμή για να ρυθμίσετε την αριστερή κόμβο της εικόνας.
Ρύθμιση της αριστερή κόμβο της εικόνας με ποσοστό
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε την αριστερή κόμβο της εικόνας.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμητικά στοιχεία της τάβλας σημειώνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.

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