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

Προηγούμενη σελίδα border-block-style
Επόμενη σελίδα border-bottom

Definition and usage

border-block-width Set the border width of the attribute element in the block direction.

Σημείωση:To make border-block-width The attribute must be set for it to take effect: border-block-style.

border-block-width The value of the attribute can be set in different ways:

Αν border-block-width The attribute has two values:

border-block-width: 10px 50px;

Το πάχος της κλίμακας στην αρχή του κεριού είναι 10px
Το πάχος της κλίμακας στο τέλος του κεριού είναι 50px

Αν border-block-width Η ιδιότητα έχει μια τιμή:

border-block-width: 10px;

Το πάχος της κλίμακας στην αρχή και στο τέλος του κεριού είναι 10px

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

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

Παράδειγμα

Παράδειγμα 1

Ορίζει το πάχος της κλίμακας για την κατεύθυνση του κεριού:

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: thin thick;
}

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

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

Η κλίμακα του κεριού ξεκινά και τελειώνει με την κλίμακα του writing-mode Επιρροή της ιδιότητας:

div {
  border-block-style: solid;
  writing-mode: vertical-rl;
  border-block-width: 5px;
}

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

Γλώσσα CSS

border-block-width: medium|thin|thick|length|initial|inherit;

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

Τιμή	Περιγραφή
medium	Καθορίζει τη μέση κλίμακα. Προεπιλεγμένη τιμή.
thin	Καθορίζει το πάχος της λεπτής κλίμακας.
thick	Καθορίζει το πάχος της πλούσιας κλίμακας.
length	Επιτρέπει να καθορίσετε το πάχος της κλίμακας. Δείτε:Μονάδες CSS.
initial	Ρυθμίζει αυτήν την ιδιότητα στη προεπιλεγμένη τιμή. Δείτε: initial.
inherit	Καταλήφει αυτήν την ιδιότητα από το γονικό στοιχείο. Δείτε: inherit.

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

Προεπιλεγμένος τιμή:	medium
Προσδοκία:	Όχι
Δημιουργία αニμασίας:	Υποστηρίζεται. Δείτε:Αντικειμενικές ιδιότητες της αニμασίας.
Έκδοση:	CSS3
Γλώσσα JavaScript:	object.style.borderBlockWidth="3px 10px"