CSS border-inline-end-color ποιότητα

Η προηγούμενη σελίδα border-inline-end
Επόμενη σελίδα border-inline-end-style

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

border-inline-end-color Η ρύθμιση της ιδιότητας για την χρώση του περιθωρίου στο τέλος της κατευθυνόμενης γραμμής του στοιχείου.

Σημείωση:Για να επιτύχεις border-inline-end-color Η προσαρμογή της ιδιότητας πρέπει να καθοριστεί. border-inline-end-style Προσαρμογή.

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

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

Παράδειγμα

Παράδειγμα 1

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

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

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

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

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

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

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

Παράδειγμα 3: Συγχώνευση της ιδιότητας direction

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

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

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

Γλώσσα CSS

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

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

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

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

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