Ιδιότητα margin-bottom

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

Σύνταξη

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

Παράδειγμα

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

<div id="parent">
	<div id="elem"></div>
</div>

#parent {
	border: 1px solid green;
	display: inline-block;
}
#elem {
	margin-bottom: 50px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

Δείτε επίσης

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