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

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

στοιχεία και τοίχος του περιεχομένου του στο ρυθμό του μπλοκ

και 属性的值可以通过不同的方式设置：

如果 padding-block 属性有两个值：

Παράδειγμα 2
  • 起始处的内边距为 10px
  • 结束处的内边距为 50px

如果 padding-block 属性有一个值：

padding-block: 10px;
  • Οι τιμές της ιδιότητας μπορούν να οριστούν με διάφορους τρόπους:

Αν η ιδιότητα padding-block έχει δύο τιμές: και padding-top padding-bottom τα περιθώρια της αρχής είναι 10px τα περιθώρια του τέλους είναι 50pxpadding-block: 10px;Αν η ιδιότητα padding-block έχει μια τιμή:padding-block: 10px;τα περιθώρια της αρχής και του τέλους είναι 10px padding-top CSS ιδιότητες και padding-top padding-bottom 、

padding-leftpadding-right Παράδειγμα 1 πολύ παρόμοια, αλλά και padding-inline

Η ιδιότητα εξαρτάται από την κατεύθυνση του βρόχου και της γραμμής.

Σημείωση:

ιδιότητες CSS

Ορίζει την κατεύθυνση του βρόχου. Αυτό επηρεάζει την αρχική και την τελική θέση του βρόχου και
  padding-block
Όταν η τιμή της ιδιότητας writing-mode είναι vertical-rl,

writing-mode

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

Επίδειξη Παράδειγμα 1 Ρύθμιση των εσωτερικών περιθωρίων του βρόχου της κατευθυνσής του κύριου τομέα:

p {
  padding-block: 35px;
  Παράδειγμα 2
Όταν η τιμή της ιδιότητας writing-mode είναι vertical-rl,

writing-mode

Η τιμή της ιδιότητας σε vertical-rl μετακινεί τη θέση του στοιχείου από το πάνω δεξί στο κάτω αριστερό, και από το κάτω αριστερό στο πάνω δεξί:

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

}

Δοκιμάστε το προσωπικά Γλώσσα CSS
αυτόματα padding-block: auto|
τιμή

|initial|inherit;

Τιμή ιδιότηταςΜονάδες CSS.
Τιμή Περιγραφή
initial Αποθήκευση της ιδιότητας στη προεπιλεγμένη τιμή. Δείτε: initial.
inherit Παράκμαση από το γονικό στοιχείο. Δείτε: inherit.

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

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

Υποστήριξη περιηγητή

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

Κρόμεω Ετζ Φάιρεξ Σάφάρι Οπερά
87.0 87.0 66.0 14.1 73.0

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

Παραπομπή:CSS padding-block-end ιδιότητα

Παραπομπή:CSS padding-block-start ιδιότητα

Παραπομπή:CSS padding-inline ιδιότητα

Παραπομπή:CSS padding-bottom ιδιότητα

Παραπομπή:CSS padding-left ιδιότητα

Παραπομπή:CSS padding-right ιδιότητα

Παραπομπή:CSS padding-top ιδιότητα

Παραπομπή:CSS μορφή γραφής ιδιότητα