CSS όριο-βλοκ τέλος χρώμα

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

border-block-end-color ιδιότητες για να ρυθμίσετε την απόχρωση του περιγράμματος στο τέλος της κατευθυνόμενης μάζας του στοιχείου.

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

Η ιδιότητα border-block-end-color του CSS είναι παρόμοια με την ιδιότητα border-bottom-width,border-left-width,border-right-width και border-top-width Πολύ παρόμοια, αλλά border-block-end-color Η ιδιότητα εξαρτάται από την κατεύθυνση της μάζας.

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

Παράδειγμα

Παράδειγμα 1

Καθορίστε την απόχρωση του περιγράμματος στο τέλος της κατευθυνόμενης μάζας:

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

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

Παράδειγμα 2: Συγχώνευση της ιδιότητας writing-mode

Η θέση της απόχρωσης του περιγράμματος στο τέλος της κατευθυνόμενης μάζας επηρεάζεται από writing-mode Επιρροή της ιδιότητας:

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

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

Γλώσσα CSS

border-block-end-color: color|transparent|initial|inherit;

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

Τιμή Περιγραφή
color Η καθορισμένη απόχρωση του περιγράμματος. Η προεπιλεγμένη τιμή είναι η τρέχουσα απόχρωση του στοιχείου. Δείτε:Χρώματα CSS.
transparent Η καθορισμένη απόχρωση του περιγράμματος πρέπει να είναι διαφανής.
initial Ρυθμίζει αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Δείτε: initial.
inherit Επιτρέπει την κληρονομικότητα αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε: inherit.

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

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

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

Εκμάθηση:Οι περιγράμματα του CSS

Αναφορά:CSS όριο

Αναφορά:CSS όριο-βλοκ

Αναφορά:CSS όριο-βλοκ χρώμα

Αναφορά:CSS όριο-βλοκ αρχή χρώμα

Αναφορά:CSS όριο-βλοκ τέλος τύπος

Αναφορά:CSS όριο κάτω χρώμα

Αναφορά:CSS όρισμα border-left-color

Αναφορά:CSS όρισμα border-right-color

Αναφορά:CSS όρισμα border-top-color

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