CSS border-inline-style attribute
- Προηγούμενη σελίδα border-inline-start-width
- Επόμενη σελίδα border-inline-width
Προτεινόμενη διαδρομή:
border-inline-style
Ορισμός και χρήση
border-inline-style
Η ρύθμιση της ιδιότητας ορίζει τον τύπο της περιθωρίου στο κατεύθυνση της γραμμής.
Η κατεύθυνση της γραμμής στο τέλος είναι με κουκίδες (dotted) border-inline-style
Οι τιμές των ιδιοτήτων μπορούν να ρυθμιστούν με διάφορους τρόπους:
div {
- Οι ιδιότητες έχουν δύο τιμές:
- Η κατεύθυνση της γραμμής στο ξεκίνημα είναι με οριζόντιες γραμμές (solid)
Η κατεύθυνση της γραμμής στο τέλος είναι με κουκίδες (dotted) border-inline-style
Αν
writing-mode
- Οι ιδιότητες έχουν μια τιμή:
CSS border-inline-style
Οι ιδιότητες είναι παρόμοιες με border-bottom-style
、border-left-style
、border-right-style
και border-top-style
Οι ιδιότητες είναι πολύ παρόμοιες, αλλά border-inline-style
Η ιδιότητα εξαρτάται από την κατεύθυνση της γραμμής.
Σημείωση:σχετικές ιδιότητες CSS border-inline-style: κενό γραμμή κενό γραμμή;
、text-orientation
και Παράδειγμα 3: Συγχώνευση ιδιότητας direction
Ορίζει την κατεύθυνση της γραμμής. Αυτό επηρεάζει τη θέση του ξεκινήματος και του τέλους της γραμμής, καθώς και border-inline-style
Τα αποτελέσματα της ιδιότητας. Για τις σελίδες σε αγγλική γλώσσα, η κατεύθυνση της γραμμής είναι από αριστερά προς τα δεξιά, η κατεύθυνση του κειμένου είναι προς τα κάτω.
实例
例子 1
Παράδειγμα
Παράδειγμα 1 Ρύθμιση της ιδιότητας του περιγράμματος στην κατεύθυνση της τάσης: direction: rtl; #example1 { border-inline-style: ολοκληρωμένη γραμμή; direction: rtl;
border-inline-style: ολοκληρωμένη γραμμή κενό γραμμή;
#example2 {
border-inline-style: κενό γραμμή; border-inline-style: κενό γραμμή κενό γραμμή;
Η θέση του περιγράμματος στην αρχή και στο τέλος της τάσης εξαρτάται από
direction Παράδειγμα 2: Συγχώνευση ιδιότητας writing-mode writing-mode direction: rtl;
border-inline-style: ολοκληρωμένη γραμμή κενό γραμμή;
writing-mode: vertical-rl;
border-inline-style: κενό γραμμή; Παράδειγμα 3: Συγχώνευση ιδιότητας direction
Η θέση του περιγράμματος στην αρχή και στο τέλος της τάσης εξαρτάται από
direction Επίδραση ιδιότητας: div { direction: rtl;
}
Δοκιμάστε το προσωπικά
Γλώσσα CSS
border-inline-style: none|κατάλληλο|κενό γραμμή|κενό γραμμή|ολοκληρωμένη γραμμή|μονογραμμή|κοίλος|κοίλος|εσωτερικό|εξωτερικό|initial|κληρονομικότητα; | Τιμή της ιδιότητας |
---|---|
μηδέν | Τιμή |
Περιγραφή | Προεπιλεγμένη τιμή. Ορίζει χωρίς περιγράμματα. |
κατάλληλο | Όπως none, αλλά διαφέρει στη λύση συγκρούσεων της περιγράμματος στο στοιχείο της τάσης. |
κενό γραμμή | Ορίζει κενό γραμμή. |
ολοκληρωμένη γραμμή | Ορίζει ολόκληρη γραμμή. |
μονογραμμή | Ορίζει διπλό κύτος. |
κοίλος |
Ορίζει το 3D διογκωμένο κύτος. Η επίδραση εξαρτάται από την τιμή του border-color. |
κοίλος |
Ορίζει το 3D προκύπτον κύτος. Η επίδραση εξαρτάται από την τιμή του border-color. |
εσωτερικό |
Ορίζει το 3D εσωτερικό ενσωματωμένο κύτος. Η επίδραση εξαρτάται από την τιμή του border-color. |
εξωτερικό |
Ορίζει το 3D εξωτερικό προκύπτον κύτος. Η επίδραση εξαρτάται από την τιμή του border-color. |
initial | Θέσε αυτήν την ιδιότητα στην προεπιλεγμένη της τιμή. Διάβασε επίσης initial。 |
κληρονομικότητα | Κληρονομείται από το γονικό στοιχείο. Διάβασε επίσης κληρονομικότητα。 |
Τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | μηδέν |
---|---|
Κληρονομικότητα: | Όχι |
Κίνηση δημιουργίας: | Δεν υποστηρίζεται. Εξέτασε επίσης:Αξιώματα της κίνησης。 |
Έκδοση: | CSS3 |
Γλώσσα JavaScript: | object.style.borderInlineStyle="dotted" |
Υποστήριξη του προγράμματος περιήγησης
Οι αριθμοί στην τаблицή δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
Χρώμη | Εντράιτ | Φаίρεξ | Σαφάρι | Όπερα |
---|---|---|---|---|
87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
相关页面
参看:CSS border-inline-style attribute
参看:CSS border-bottom-style ιδιότητα
参看:CSS border-left-style attribute
参看:CSS border-right-style attribute
参看:CSS border-top-style attribute
- Προηγούμενη σελίδα border-inline-start-width
- Επόμενη σελίδα border-inline-width