CSS border-inline-end-width ιδιότητα

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

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

border-inline-end-width Το πλάτος της περιθωρίου στο τελικό άκρο της κατεύθυνσης γραμμής του στοιχείου ρυθμίσεων.

Σημείωση:Για να λειτουργήσει η ιδιότητα border-inline-end-width Η ιδιότητα λειτουργεί, πρέπει να ρυθμιστεί border-inline-end-style ιδιότητες.

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

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

Παράδειγμα

Παράδειγμα 1

Ρύθμιση πλάτους κορυφής ενδοτερικής κατεύθυνσης:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

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

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

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

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

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

Παράδειγμα 3: Συγχώνευση ιδιότητας direction

Η θέση της κορυφής του πλαισίου στην αρχή και στο τέλος της ενδοτερικής κατεύθυνσης επηρεάζεται από direction Επιρροή ιδιότητας:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

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

Γλώσσα CSS

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

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

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

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

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