CSS border-block-start-color στοιχεία

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

border-block-start-color ιδιότητα ρυθμίζει το χρώμα του πλαισίου στο σημείο αρχής της κατεύθυνσης του κύριου κατευθυνόμενου πλαισίου.

Σημείωση:Για να ρυθμίσετε border-block-start-color Η ιδιότητα λειτουργεί, πρέπει να ρυθμιστεί Στυλ Ξεκινήματος Περιθωρίου ιδιότητες.

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση του χρώματος της κορυφής του πλαισίου του κύριου κατευθυνόμενου πλαισίου:

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

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

Παράδειγμα 2: Συμβίωση με την ιδιότητα writing-mode

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

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

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

Γλώσσα CSS

border-block-start-color: χρώμα|transparent|initial|inherit;

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

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

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

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

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

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

Εκμάθηση:Πλαίσιο Περιθωρίου CSS

Αναφορά:CSS border στοιχεία

Αναφορά:CSS border-block στοιχεία

Αναφορά:CSS border-block-color στοιχεία

Αναφορά:CSS border-block-end-color στοιχεία

Αναφορά:CSS border-block-start-style στοιχεία

Αναφορά:CSS border-bottom-color στοιχεία

Αναφορά:CSS χρώμα κρατήματος αριστεράς

Αναφορά:CSS χρώμα κρατήματος δεξιάς

Αναφορά:CSS χρώμα κρατήματος κορυφής

Αναφορά:Στυλ Γράψματος CSS