Ενότητα CSS padding-block-end

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

στοιχείου padding-block-end ορίζει το χώρο από το περιθώριο του στοιχείου μέχρι το τέλος του περιεχομένου στην κατεύθυνση του блока.

CSS padding-block και padding-inline ιδιότητες είναι παρόμοιες με τις ιδιότητες του padding-top,padding-bottom,padding-left και padding-right είναι πολύ παρόμοια, αλλά padding-block και padding-inline Η ιδιότητα εξαρτάται από την κατεύθυνση του блока και της γραμμής.

Σημείωση:σχετικές ιδιότητες του CSS writing-mode Ορίζει την κατεύθυνση του блока. Αυτό επηρεάζει την αρχική και τελική θέση του блока καθώς και padding-block Το αποτέλεσμα της ιδιότητας. Για τις σελίδες με αγγλικό κείμενο, η κατεύθυνση του блока είναι προς τα κάτω, η κατεύθυνση της γραμμής είναι από αριστερά προς δεξιά.

Παράδειγμα

Παράδειγμα 1

Θέστε το εσωτερικό περιθώριο στο τέλος της κατεύθυνσης του блока:

p {
  padding-block-end: 35px;
}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Παράδειγμα 2

Θέστε την ιδιότητα του <div> στοιχείου writing-mode Όταν η τιμή της ιδιότητας είναι vertical-rl, η κατεύθυνση του блока είναι από δεξιά προς αριστερά. Το αποτέλεσμα είναι η τελική θέση του στοιχείου να μετακινείται από το κάτω προς την αριστερά:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γλώσσα σύνταξης του CSS

padding-block-end: αυτόματα|τιμή|initial|κληρονομικότητα;

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

Τιμή Περιγραφή
αυτόματα Προεπιλεγμένο. Η προεπιλεγμένη τιμή του padding-block-end του στοιχείου.
μήκος

Με μονάδες όπως px, pt, cm καθορίζεται το padding-block-end. Δεν επιτρέπονται αρνητικές τιμές.

Δείτε:Μονάδες CSS.
% Με ποσοστό του μεγέθους του γονικού στοιχείου στην κατεύθυνση της γραμμής καθορίζεται το padding-block-end.
initial Αναθέστε αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Δείτε: initial.
κληρονομικότητα Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε: κληρονομικότητα.

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

Προεπιλεγμένη τιμή: αυτόματα
Κληρονομικότητα: Όχι
Ανίμαση: Υποστήριξη. Δείτε:Αντικειμενικές ιδιότητες αнимации.
Έκδοση: CSS3
Γλώσσα σύνταξης του Ιαβασκρίπτ: object.style.paddingBlockEnd="100px"

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

Οι αριθμοί στην τаблицή δείχνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.

Χρωμίου Εντζ Φάιρφοξ Σάφάρι Οπερά
87.0 87.0 41.0 12.1 73.0

Σχετικές σελίδες

Αναφορά:Ενότητα CSS padding-block

Αναφορά:Ενότητα CSS padding-block-start

Αναφορά:Ενότητα CSS padding-inline

Αναφορά:Ενότητα CSS padding-bottom

Αναφορά:Ενότητα CSS padding-left

Αναφορά:Ενότητα CSS padding-right

Αναφορά:Ενότητα CSS padding-top

Αναφορά:CSS writing-mode ιδιότητα