CSS border-block-style ιδιότητα

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

border-block-style το χαρακτηριστικό ρυθμίζει το στυλ περιβλήματος του στοιχείου στην κατεύθυνση του τομέα.

border-block-style η τιμή του χαρακτηριστικού μπορεί να οριστεί με διάφορους τρόπους:

αν border-block-style το χαρακτηριστικό έχει δύο τιμές:

border-block-style: dashed dotted;
  • το στυλ περιβλήματος από την αρχή του κύριου τομέα είναι διακλαδισμένο
  • το στυλ περιβλήματος στο τέλος του κύριου τομέα είναι διακλαδισμένο

αν border-block-style το χαρακτηριστικό έχει μια τιμή:

border-block-style: dashed;
  • τα στυλ περιβλήματος από την αρχή και το τέλος του κύριου τομέα είναι διακλαδισμένα

CSS border-block-style καθορισμός των στυλ περιβλήματος και των CSS border-bottom-style、border-left-style、border-right-style και border-top-style πολύ παρόμοια, αλλά border-block-style Η ιδιότητα εξαρτάται από την κατεύθυνση του μπλοκ.

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση του στυλ περιθωρίου κατευθυνόμενου:

#example1 {
  border-block-style: solid;
}
#example2 {
  border-block-style: dashed dotted;
}

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

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

Η θέση των κρατήρων του κατευθυνόμενου περιθωρίου ξεκινά και τελειώνει από writing-mode Πτώση της ιδιότητας:

div {
  writing-mode: vertical-rl;
  border-block-style: dotted;
}

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

Γλώσσα CSS

border-block-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

Τιμή Περιγραφή
μηδέν Προεπιλεγμένη τιμή. Καθορίζει την απουσία περιθωρίου.
Hidden Αντίστοιχο με το μηδέν, αλλά εκτός των συγκρούσεων περιθωρίου στο στοιχείο της τάβλης.
Dotted Καθορίζει την ποντίτικη γραμμή περιθώριου.
Dashed Καθορίζει την διαιρετική γραμμή περιθώριου.
Solid Καθορίζει την οριζόντια γραμμή περιθώριου.
Double Καθορίζει την διπλή γραμμή περιθώριου.
Groove

Καθορίζει την 3D κώνη περιθώριου.

Ο αποτέλεσμα εξαρτάται από την τιμή του border-color.
Ridge

Καθορίζει την 3D κωνική περιθώριου.

Ο αποτέλεσμα εξαρτάται από την τιμή του border-color.
Inset

Καθορίζει την 3D εσωτερική καμπύλη περιθώριου.

Ο αποτέλεσμα εξαρτάται από την τιμή του border-color.
Outset

Καθορίζει την 3D εξωτερική καμπύλη περιθώριου.

Ο αποτέλεσμα εξαρτάται από την τιμή του border-color.
Αρχική τιμή Αποθέστε αυτή την ιδιότητα στην αρχική της τιμή. Δείτε Αρχική τιμή.
Ανακτήσιμο Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε Ανακτήσιμο.

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

Προεπιλεγμένη τιμή: μηδέν
Ανακτήσιμότητα: Όχι
Παραγωγή κίνησης: Δεν υποστηρίζεται. Εξετάστε:Σύνολο των ιδιοτήτων κίνησης.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.borderBlockStyle="dotted"

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

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

Chrome Edge Firefox Safari Opera
87.0 87.0 66.0 14.1 73.0

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

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

Αναφορά:CSS border ιδιότητα

Αναφορά:CSS border-block ιδιότητα

Αναφορά:CSS border-block-end-style ιδιότητα

Αναφορά:CSS border-block-start-style ιδιότητα

Αναφορά:CSS border-bottom-style ιδιότητα

Αναφορά:CSS στυλ αριστερού ορίου

Αναφορά:CSS στυλ δεξιού ορίου

Αναφορά:CSS στυλ επάνω ορίου

Αναφορά:Πρότυπο writing-mode