Style paddingBottom attribute

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

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
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη