CSS border-block-start-width ποιότητα

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

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

border-block-start-width ιδιότητας για να ρυθμίσετε το πλάτος του πλαισίου στο αρχικό σημείο της κατεύθυνσης του блока.

Λάβετε υπόψη:Για να ρυθμίσετε την ιδιότητα, πρέπει να ρυθμίσετε border-block-start-width Η ιδιότητα ισχύει, πρέπει να ρυθμιστεί border-block-start-style ιδιότητες.

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

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

Παράδειγμα

Παράδειγμα 1

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

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

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

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

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

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

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

Γλώσσα CSS

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

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

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

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

Προεπιλεγμένος τιμή:	medium
Παράδοση:	Όχι
Δημιουργία αнимации:	Υποστηρίζεται. Δείτε επίσης:Συμβατές ιδιότητες анимации.
Έκδοση:	CSS3
Γλώσσα JavaScript:	object.style.borderBlockStartWidth="10px"