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

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

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

• border-block-end-width
• border-block-end-style
• χρώμα κορυφής block

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

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

Παράδειγμα

Παράδειγμα 1

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

div {
  border-block-end: 10px solid pink;
}

Προσπαθήστε το προσωπικά

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

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

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

Προσπαθήστε το προσωπικά

Γλώσσα CSS

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

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

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

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

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

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

Εκμάθηση:Πρότυπο CSS πλαισίων

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

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

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

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

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

Αναφορά:CSS border-left-color attribute

Αναφορά:CSS border-right-color attribute

Αναφορά:CSS border-top-color attribute

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