CSS padding-block-start ιδιότητα

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

στοιχείου padding-block-start συμπεριλαμβάνει το χώρο από το φραγμα από το περιθώριο μέχρι το περιεχόμενο στο σημείο αρχής του τομέα.

CSS padding-block και padding-inline ιδιότητες είναι παρόμοιες με padding-top,Κατώτερο περιθώριο,padding-left και padding-right είναι πολύ παρόμοια, αλλά padding-block και padding-inline Η ιδιότητα εξαρτάται από την κατεύθυνση του τομέα και της γραμμής.

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

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το εσωτερικό περιθώριο στην αρχή του τομέα.

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

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

Παράδειγμα 2

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

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

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

Γλώσσα CSS

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

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

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

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

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

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

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

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

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

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

73.0

Σχετικές σελίδεςCSS padding-block ιδιότητα

Σχετικές σελίδεςCSS padding-block-end ιδιότητα

Σχετικές σελίδεςCSS padding-inline ιδιότητα

Σχετικές σελίδεςCSS padding-bottom ιδιότητα

Σχετικές σελίδεςCSS padding-left ιδιότητα

Σχετικές σελίδεςCSS padding-right ιδιότητα

Σχετικές σελίδεςCSS padding-top ιδιότητα

Σχετικές σελίδεςΣτυλ γραφής CSS writing-mode