Ιδιότητα margin-left

Η ιδιότητα margin-left ορίζει το εξωτερικό περιθώριο αριστερά του στοιχείου. Ως τιμή της ιδιότητας μπορούν να χρησιμοποιηθούν οποιεσδήποτε μονάδες μεγέθους ή η τιμή auto, που επιτρέπει στο πρόγραμμα περιήγησης να υπολογίζει αυτόματα το περιθώριο του στοιχείου.

Σύνταξη

cssεπιλογέας {
  margin-left: τιμή;
}

Παράδειγμα

Ας ορίσουμε εξωτερικό περιθώριο αριστερά 50px για ένα μπλοκ:

html<div id="parent">
  <div id="elem"></div>
</div>
css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-left: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

Δείτε επίσης

  • την ιδιότητα margin-top,
    που ορίζει το εξωτερικό περιθώριο πάνω
  • την ιδιότητα margin-bottom,
    που ορίζει το εξωτερικό περιθώριο κάτω
  • την ιδιότητα margin-right,
    που ορίζει το εξωτερικό περιθώριο δεξιά
  • την ιδιότητα margin,
    που είναι η συντομογραφία για τα εξωτερικά περιθώρια
  • την ιδιότητα padding,
    που ορίζει το εσωτερικό περιθώριο