CSS χρώμα πλάτης-αριστεράς ιδιότητα

πρώτη σελίδα border-inline-start
Επόμενη σελίδα border-inline-start-style

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

Σημείωση:要使 border-inline-start-color 属性生效，必须设置 border-inline-start-style 属性。

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

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

Παράδειγμα

Παράδειγμα 1

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

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

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

Παράδειγμα 2

χρησιμοποιώντας την ιδιότητα writing-mode

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

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

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

Παράδειγμα 3

χρησιμοποιώντας την ιδιότητα direction

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

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

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

Γλώσσα CSS

border-inline-start-color: χρώση|διαφανές|initial|inherit;

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

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

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

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