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

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

border-block-start-style Η ιδιότητα χρησιμοποιείται για τη ρύθμιση του στυλ κύριας κατώτερης γραμμής του στοιχείου στη διευθυντική κατεύθυνση του τοπίου.

CSS border-block-start-style Ενότητα και CSS Ενότητα border-bottom-style、border-left-style、border-right-style και border-top-style Πολύ παρόμοια, αλλά border-block-start-style Η ιδιότητα εξαρτάται από την κατεύθυνση του блока.

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

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το στυλ του περιθωρίου στην αρχή της κατεύθυνσης του блока:

div {
  border-block-start-style: dotted;
}

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

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

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

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

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

Γλώσσα CSS

border-block-start-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.
initial Ρυθμίστε αυτήν την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε επίσης: initial.
προεπιλεγμένη Ρυθμίστε αυτήν την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε επίσης: προεπιλεγμένη.

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

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

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

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

Χρώμημος Όριο Φαύρος Σαφάρι Όπερα
69.0 79.0 41.0 12.1 56.0

相关页面

教程：CSS περιθώριο

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

参看：CSS border-block ιδιότητα

参看：CSS border-block-style ιδιότητα

参看：CSS border-block-end-style ιδιότητα

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

参看：CSS border-left-style attribute

参看：CSS border-right-style attribute

参看：CSS border-top-style attribute

参看：CSS γραφή μοτίβο ιδιότητα