CSS margin-bottom ιδιότητα
- προηγούμενη σελίδα margin-block-start
- Επόμενη Σελίδα margin-inline
Ορισμός και χρήση
Η ιδιότητα margin-bottom ρυθμίζει την εξωτερική κάτω γωνία του στοιχείου.
Σημειώσεις:Επιτρέπεται η χρήση αρνητικών τιμών.
Δείτε επίσης:
Εκμάθηση CSS:CSS Εξωτερικά Μέρη
Εγχειρίδιο αναφοράς HTML DOM:Ιδιότητα marginBottom
Παράδειγμα
Ρύθμιση της εξωτερικής κάτω γωνίας του στοιχείου p:
p
{
margin-bottom:2cm;
}
Περισσότερες παραδείξεις μπορούν να βρεθούν στο κάτω μέρος της σελίδας.
Γλώσσα γραμματογραφίας CSS
margin-bottom: length|auto|initial|inherit;
Τιμή της ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| auto | Ο πρόγραμμα περιήγησης υπολογίζει την εξωτερική κάτω γωνία. |
| length | Καθορίζεται η τιμή της εξωτερικής κάτω γωνίας με συγκεκριμένη μονάδα, όπως pixel, cm κ.λπ. Η προεπιλεγμένη τιμή είναι 0px. |
| % | Καθορίζεται η εξωτερική κάτω γωνία με το ποσοστό του πλάτους του περιέχοντος στοιχείου. |
| inherit | Καθορίζεται ότι η εξωτερική κάτω γωνία πρέπει να κληρονομηθεί από το γονικό στοιχείο. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | 0 |
|---|---|
| Πρόκληση: | no |
| Έκδοση: | CSS1 |
| Γλώσσα γραμματογραφίας JavaScript: | object.style.marginBottom="10px" |
Περισσότερες παραδείξεις
- Ρύθμιση της εξωτερικής κάτω γωνίας του κειμένου 1
- Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιείτε το εκατοστό για να ρυθμίσετε την εξωτερική κάτω γωνία του κειμένου.
- Ρύθμιση της εξωτερικής κάτω γωνίας του κειμένου 2
- Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιείτε το ποσοστό για να ρυθμίσετε την εξωτερική κάτω γωνία του κειμένου.
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμητικά στοιχεία της τύχης σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- προηγούμενη σελίδα margin-block-start
- Επόμενη Σελίδα margin-inline
