CSS border-inline-style attribute

Προτεινόμενη διαδρομή:

border-inline-style Ορισμός και χρήση

border-inline-style Η ρύθμιση της ιδιότητας ορίζει τον τύπο της περιθωρίου στο κατεύθυνση της γραμμής.

Η κατεύθυνση της γραμμής στο τέλος είναι με κουκίδες (dotted) border-inline-style Οι τιμές των ιδιοτήτων μπορούν να ρυθμιστούν με διάφορους τρόπους:

div {
  • Οι ιδιότητες έχουν δύο τιμές:
  • Η κατεύθυνση της γραμμής στο ξεκίνημα είναι με οριζόντιες γραμμές (solid)

Η κατεύθυνση της γραμμής στο τέλος είναι με κουκίδες (dotted) border-inline-style Αν

writing-mode
  • Οι ιδιότητες έχουν μια τιμή:

CSS border-inline-style Οι ιδιότητες είναι παρόμοιες με border-bottom-styleborder-left-styleborder-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;

border-inline-style: ολοκληρωμένη γραμμή κενό γραμμή;

}

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

Γλώσσα 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

参看:CSS border ιδιότητα

参看:CSS border-inline ιδιότητα

参看:CSS border-inline-style attribute

参看:CSS border-bottom-style ιδιότητα

参看:CSS border-left-style attribute

参看:CSS border-right-style attribute

参看:CSS border-top-style attribute

参看:CSS direction 属性

参看:Η ιδιότητα text-orientation του CSS

参看:Η ιδιότητα writing-mode του CSS