Πρότυπο CSS border-inline-start

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

border-inline-start Η ιδιότητα είναι συντομευμένη έκδοση των παρακάτω ιδιοτήτων:

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

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

Παράδειγμα

Παράδειγμα 1

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

div {
  border-inline-start: 10px solid pink;
}

Προσπαθήστε το شخصικά

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

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

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

Προσπαθήστε το شخصικά

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

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

div {
  direction: rtl;
  border-inline-start: 5px solid hotpink;
}

Προσπαθήστε το شخصικά

Γλώσσα CSS

border-inline-start: border-inline-start-width border-inline-start-style border-inline-start-color|initial|inherit;

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

Τιμή Περιγραφή
border-inline-start-width

Καθορισμός της πλάθους του περιγράμματος στο ξεκίνημα της γραμμικής κατεύθυνσης του στοιχείου.

Η προεπιλεγμένη τιμή είναι medium.
border-inline-start-style

Καθορισμός του στυλ του περιγράμματος στο ξεκίνημα της γραμμικής κατεύθυνσης του στοιχείου.

Η προεπιλεγμένη τιμή είναι none.
border-inline-start-color

Καθορισμός της απόχρωσης του περιγράμματος στο ξεκίνημα της γραμμικής κατεύθυνσης του στοιχείου.

Η προεπιλεγμένη τιμή είναι η τρέχουσα απόχρωση του περιγράμματος.
initial Ρύθμιση της ιδιότητας στην προεπιλεγμένη τιμή. Δείτε επίσης initial。
inherit Απόκτηση της ιδιότητας από το γονικό στοιχείο. Δείτε επίσης inherit。

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

Προεπιλεγμένη τιμή: medium none currentcolor
Προσθήκη: Όχι
Κίνηση: Υποστηρίζεται. Δείτε επίσης：Ιδιότητες της κίνησης。
Έκδοση： CSS3
Γλώσσα προγραμματισμού JavaScript： object.style.borderInlineStart="pink dotted 5px"

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

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

Χρωμός Εντελής Φαξ Σαφάρι Όπερα
69.0 79.0 41.0 12.1 56.0

相关页面

教程：CSS border

参看：CSS border στοιχεία

参看：CSS border-inline στοιχεία

参看：CSS border-inline-end-style στοιχεία

参看：Πρότυπο CSS border-inline-start-color

参看：CSS border-bottom-color στοιχεία

参看：Πρότυπο CSS border-left-color

参看：Πρότυπο CSS border-right-color

参看：Πρότυπο CSS border-top-color

参看：CSS direction ιδιότητα

参看：CSS text-orientation attribute

参看：CSS writing-mode attribute