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

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

border-block Η ιδιότητα είναι συντομευμένη έκδοση των παρακάτω ιδιοτήτων:

• border-block-width
• border-block-style(Απαιτείται)
• border-block-color

Αν παραλείψετε την τιμή του χρώματος ή του πλάτους, θα χρησιμοποιηθεί η προεπιλεγμένη τιμή.

CSS border-block Η ιδιότητα είναι συγγενής με: border Οι ιδιότητες είναι πολύ παρόμοιες, αλλά border-block Η ιδιότητα εξαρτάται από την κατεύθυνση του block.

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

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε το στυλ, τον χρώμα και το πλάτος της κλίμακας του block για διαφορετικά στοιχεία του block:

h1 {
  border-block: 5px solid red;
}
h2 {
  border-block: 4px dotted blue;
}
div {
  border-block: double;
}

Προσωπική δοκιμή

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

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

div {
  writing-mode: vertical-rl;
  border-block: hotpink dashed 8px;
}

Προσωπική δοκιμή

Γλώσσα γραφήματος CSS

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

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

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

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

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

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

Εκμάθηση:CSS πύλη

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

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

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

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

Αναφορά:CSS writing-mode ιδιότητα