CSS border-block-end-width ποιότητα

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

border-block-end-width Η ιδιότητα ρυθμίζει την πλάκα του περίβολου στο τέλος της κατεύθυνσης του блока του στοιχείου.

Σημείωση:Για να λειτουργήσει η ιδιότητα, πρέπει να ρυθμιστεί border-block-end-width Η ιδιότητα λειτουργεί, πρέπει να ρυθμιστεί border-block-end-style .

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της πλάσης του περίβολου στο τέλος της κατεύθυνσης του блока:

div {
  border-block-end-style: solid;
  border-block-end-width: 10px;
}

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

Παράδειγμα 2: Συμβολή με την ιδιότητα writing-mode

Η θέση του περίβολου του τέλους της κατευθυνίας του блока επηρεάζεται από writing-mode Επιρροή της ιδιότητας:

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

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

Γλώσσα CSS

border-block-end-width: medium|thin|thick|length|initial|inherit;

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

Τιμή Περιγραφή
medium Καθορίζει την πλάκα του μέσου περίβολου. Προεπιλεγμένη τιμή.
thin Καθορίζει την πλάκα του λεπτού περίβολου.
thick Καθορίζει την πλάκα του στενού περίβολου.
length Επιτρέπει τη διαμόρφωση της πλάσης του περίβολου. Δείτε επίσης:Μονάδες CSS.
initial Δημιουργεί αυτή την ιδιότητα στη προεπιλεγμένη τιμή της. Δείτε επίσης initial.
inherit Επιτρέπει τη μεταφορά αυτού του χαρακτηριστικού από το γονικό στοιχείο. Δείτε επίσης inherit.

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

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

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

Εκμάθηση:CSS Περιθώρια

Αναφορά:CSS border ποιότητα

Αναφορά:CSS border-block ποιότητα

Αναφορά:CSS border-block-end ποιότητα

Αναφορά:CSS border-block-end-style ποιότητα

Αναφορά:CSS border-block-start-width ποιότητα

Αναφορά:CSS border-bottom-width ποιότητα

Αναφορά:CSS πλάτος-πλάτη-αριστεράς ιδιότητα

Αναφορά:CSS πλάτος-πλάτη-δικείας ιδιότητα

Αναφορά:CSS πλάτος-πλάτη-πάνω ιδιότητα

Αναφορά:CSS writing-mode 属性