CSS padding-inline-end ιδιότητα

Προηγούμενη σελίδα padding-inline
Επόμενη σελίδα padding-inline-start

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

στοιχείου padding-inline-end αναφέρεται στο χώρο από το φύλλο της περιθωρίου του στοιχείου μέχρι το περιεχόμενο.

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση του padding στην κατεύθυνση της γραμμικής διαδρομής στο τέλος.

div {
  padding-inline-end: 50px;
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

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

div {
  writing-mode: vertical-rl;
  padding-inline-end: 100px;
}

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Ρύθμιση της τιμής του attributes του στοιχείου <div> ως: direction Όταν η τιμή του attributes είναι rtl, η κατεύθυνση της γραμμικής διαδρομής είναι από δεξιά προς αριστερά. Το αποτέλεσμα είναι η θέση του στοιχείου να μετακινηθεί από τη δεξιά προς την αριστερά:

div {
  direction: rtl;
  padding-inline-end: 100px;
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

padding-inline-end: auto|τιμή|αρχικό|παράδοση;

Τιμή παράμετρος

Τιμή	Περιγραφή
αυτόματα	Προεπιλεγμένη τιμή. Η προεπιλεγμένη απόσταση padding-inline-end του στοιχείου.
μήκος	Ορισμός της απόστασης σε μονάδες όπως px, pt, cm κ.λπ. Δεν επιτρέπονται αρνητικές τιμές. Δείτε:CSS Units.
%	Ορισμός της απόστασης ως ποσοστό του μεγέθους του γονικού στοιχείου στην κατεύθυνση της γραμμικής διαδρομής.
αρχικό	Ρύθμιση αυτής της παράμετρος στην προεπιλεγμένη τιμή. Δείτε: αρχικό.
παράδοση	Απόκτηση από το γονικό στοιχείο. Δείτε: παράδοση.

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

Προεπιλεγμένη τιμή:	αυτόματα
Παράδοση:	Όχι
Κίνησεις:	Υποστηρίζεται. Δείτε:Παράμετροι κινήσεων.
Έκδοση:	CSS3
Γλώσσα JavaScript:	object.style.paddingInlineEnd="100px"