CSS padding-bottom ποιότητα

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

Η ιδιότητα padding-bottom ορίζει το κάτω εσωτερικό περιθώριο του στοιχείου (κενό κάτω από το στοιχείο).

Επεξήγηση

Η ιδιότητα αυτή ορίζει το πλάτος του κάτω εσωτερικού περιθωρίου του στοιχείου. Το κάτω εσωτερικό περιθώριο ενός inline non-replaced στοιχείου δεν επηρεάζει τον υπολογισμό του ύψους γραμμής, οπότε ένα στοιχείο που έχει και περιθώρια και φόντο μπορεί να φαίνεται να επεκτείνεται σε άλλες γραμμές και μπορεί να περιέχει άλλο περιεχόμενο. Δεν επιτρέπεται η χρήση αρνητικών τιμών για το κάτω εσωτερικό περιθώριο.

Σημειώσεις:Δεν επιτρέπεται η χρήση αρνητικών τιμών.

Δείτε επίσης:

Εκμάθηση CSSΤο εσωτερικό περιθώριο του CSS

Εγχειρίδιο HTML DOMΠρότυπο paddingBottom ιδιότητας

Παράδειγμα

Ρύθμιση κάτω εσωτερικού περιθωρίου του στοιχείου p:

p
  {
  padding-bottom:2cm;
  }

Προσωπική δοκιμή

(Περισσότερα παραδείγματα βρίσκονται στο κάτω μέρος της σελίδας)

Γλώσσα CSS

padding-bottom: length|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
length Ορίζει σταθερή τιμή κάτω εσωτερικού περιθωρίου με συγκεκριμένη μονάδα, όπως pixel, centimeter κ.λπ. Η προεπιλεγμένη τιμή είναι 0px.
% Ορίζει το ποσοστό του κάτω εσωτερικού περιθωρίου βασισμένο στο πλάτος του γονικού στοιχείου. Αυτό το ποσοστό δεν λειτουργεί όπως αναμένεται σε όλους τους προγράμματα περιήγησης.
inherit Ορίζεται ότι το κάτω εσωτερικό περιθώριο πρέπει να αποκτηθεί από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: 0
Παράδοση: no
Έκδοση: CSS1
Γλώσσα γράφησης JavaScript: object.style.paddingBottom="10px"

Προσωπική δοκιμή παράδειγματος

Ρύθμιση κάτω εσωτερικού περιθωρίου 1
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το εκατοστό του κεντητή για να ρυθμίσετε το κάτω εσωτερικό περιθώριο της κελίδας.
Ρύθμιση κάτω εσωτερικού περιθωρίου 2
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε το κάτω εσωτερικό περιθώριο της κελίδας.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμητικά στοιχεία της τύμπας σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5