Style paddingBottom attribute
- Προηγούμενη σελίδα padding
- Επόμενη σελίδα paddingLeft
- Επιστροφή στο προηγούμενο επίπεδο Όντοτητα Style του HTML DOM
Ορισμός και χρήση
paddingBottom
Ρυθμίζει ή επιστρέφει την κάτω εσωτερική περιθώριο του στοιχείου.
Ιδιότητα margin και Ιδιότητα padding Προσθέτουν χώρο γύρω από το στοιχείο. Ωστόσο, η διαφορά είναι ότι το margin προσθέτει χώρο γύρω από το περίβολο, ενώ το padding προσθέτει χώρο μέσα στο περίβολο του στοιχείου.
Δείτε επίσης:
Εκμάθηση CSS:CSS εσωτερικό περιθώριο
Εγχειρίδιο CSS:Ιδιότητα padding-bottom
Εγχειρίδιο HTML DOM:Ιδιότητα padding
Παράδειγμα
Παράδειγμα 1
Ρύθμιση της κάτω εσωτερικής περιθωρίου του στοιχείου <div>:
document.getElementById("myDiv").style.paddingBottom = "50px";
Παράδειγμα 2
Ανακαταφορά της κάτω εσωτερικής περιθωρίου του στοιχείου <div> σε "normal":
document.getElementById("myDiv").style.paddingBottom = "0px";
Παράδειγμα 3
Επιστροφή της κάτω εσωτερικής περιθωρίου του στοιχείου <div>:
alert(document.getElementById("myDiv").style.paddingBottom);
Παράδειγμα 4
Διαφορά μεταξύ marginBottom και paddingBottom:
function changeMargin() { document.getElementById("myDiv").style.marginBottom = "100px"; } function changePadding() { document.getElementById("myDiv2").style.paddingBottom = "100px"; }
Γλώσσα γραφής
Επιστροφή της ιδιότητας paddingBottom:
object.style.paddingBottom
Ρύθμιση της ιδιότητας paddingBottom:
object.style.paddingBottom = "%|length|initial|inherit"
Τιμή ιδιότητας
Τιμή | Περιγραφή |
---|---|
% | Ορίζει την κάτω εσωτερική περιθώριο ως ποσοστό της πλάτους του γονικού στοιχείου. |
length | Ορίζει την κάτω εσωτερική περιθώριο με μονάδες μήκους. |
initial | Ρυθμίζει αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Δείτε επίσης initial。 |
inherit | Επιτρέπει την κληρονομιά αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε επίσης inherit。 |
Τεχνικά στοιχεία
Προεπιλεγμένη τιμή: | 0 |
---|---|
Αποτελεσματική τιμή: | Συνολική αλληλεπίδραση, που εκφράζει την κάτω εσωτερική περιθώριο του στοιχείου. |
CSS Έκδοση: | CSS1 |
Υποστήριξη του προγράμματος περιήγησης
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
- Προηγούμενη σελίδα padding
- Επόμενη σελίδα paddingLeft
- Επιστροφή στο προηγούμενο επίπεδο Όντοτητα Style του HTML DOM