CSS border-block-color ποιότητα

Definition and usage

border-block-color Set the border color of the element on the block direction.

Σημείωση:To make border-block-color The property takes effect, it must be set border-block-style.

border-block-color The value of the property can be set in different ways:

Αν border-block-color The property has two values:

border-block-color: pink lightblue;

• Η χρώση της κύριας γραμμής στο ξεκίνημα του τομώματος είναι pink
• Η χρώση της κύριας γραμμής στο τέλος του τομώματος είναι lightblue

Αν border-block-color Η ιδιότητα έχει μια τιμή:

border-block-color: pink;

• Η χρώση της κύριας γραμμής στο ξεκίνημα και στο τέλος του τομώματος είναι pink

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

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

Παράδειγμα

Παράδειγμα 1

Καθορίστε τη χρώση της κύριας γραμμής στην κατεύθυνση του τομώματος:

#example1 {
  border-block-style: solid;
  border-block-color: pink;
}
#example2 {
  border-block-style: solid;
  border-block-color: pink lightblue;
}

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

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

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

div {
  writing-mode: vertical-rl;
  border-block-color: blue;
}

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

Γλώσσα CSS

border-block-color: Χρώση|transparent|initial|inherit;

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

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

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

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

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

Εκμάθηση:CSS όρια

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

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

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

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

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

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

Αναφορά:CSS attribute border-left-width

Αναφορά:CSS attribute border-right-width

Αναφορά:CSS attribute border-top-width

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