Inset-block-end - CSS-Κόλπα

inset-block-endείναι μια λογική ιδιότητα CSS που ορίζει το μήκος που ένα στοιχείο αντισταθμίζεται στην κατεύθυνση του μπλοκ από το άκρο του. Είναι περίπου όπως δηλώνει bottom, εκτός από το τελικό σημείο της καθορίζεται από το στοιχείο του direction, text-orientationκαι writing-mode, ακριβώς όπως και οι άλλες λογικές ιδιότητες.

Η ιδιότητα είναι μέρος των προδιαγραφών CSS Logical Properties και Value Level 1 που βρίσκεται επί του παρόντος στην κατάσταση πρόχειρου του Editor. Αυτό σημαίνει ότι ο ορισμός και οι πληροφορίες σχετικά με αυτό μπορούν να αλλάξουν από τώρα έως την επίσημη σύσταση.

.element ( inset-block-end: 50px; position: relative; /* Apples to positioned elements */ writing-mode: vertical-rl; /* Determines the block start direction */ )

Έτσι, για παράδειγμα, εάν ο τρόπος γραφής έχει οριστεί horizontal-lrη inset-block-endιδιότητα θα λειτουργήσει ακριβώς όπως bottomκαι ρυθμίστε το στοιχείο είναι μετατόπιση από το κάτω άκρο. Πρέπει ακόμη να καθορίσετε ένα ρητό positionστο ίδιο στοιχείο για να τεθεί σε ισχύ, όπως bottomκαι άλλες φυσικές ιδιότητες αντιστάθμισης.

Αλλά αλλάξτε το στοιχείο writing-modeσε κάτι σαν vertical-lrκαι το "κάτω" άκρο περιστρέφεται στην κατακόρυφη κατεύθυνση, ενεργώντας περισσότερο σαν την rightιδιότητα.

Σύνταξη

inset-block-end: ;

Αρχική τιμή: auto
Ισχύει για: τοποθετημένα στοιχεία
Κληρονομική: όχι
Ποσοστά: για την αντίστοιχη φυσική ιδιότητα
Υπολογισμένη τιμή: ίδια με την αντίστοιχη bottomιδιότητα
Τύπος κινούμενης εικόνας: ανά τύπο υπολογισμένης τιμής

Αξίες

inset-block-endπαίρνει μια τιμή μήκους και υποστηρίζει καθολικές λέξεις-κλειδιά. Η προεπιλεγμένη τιμή είναι auto.

/* Length values */ inset-block-end: 50px; inset-block-end: 4em; inset-block-end: 3.5rem inset-block-end: 25vh; /* Percentage values */ inset-block-end: 50%; /* Keyword values */ inset-block-end: auto; /* initial value */ /* Global values */ inset-block-end: initial inset-block-end: inherit; inset-block-end: unset;