CSS inset-inline-end attribute

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

inset-inline-end Καθορίζει την απόσταση από το τελικό μέρος του στοιχείου στην κατεύθυνση γραφής από το γονικό στοιχείο.

Σημείωση:Για να γίνει αυτή η ιδιότητα αποτελεσματική, πρέπει να καθοριστεί position ιδιότητες

CSS inset-inline και Η ιδιότητα inset-block είναι πολύ παρόμοια, αλλά παρόμοιες με τις ιδιότητες του CSS ιδιότητεςbottomtopbottom、 και left right Η ιδιότητα inset-block είναι πολύ παρόμοια, αλλά και inset-inline Η ιδιότητα εξαρτάται από την κατεύθυνση των μπλοκ και της γραφής.

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

Παράδειγμα

Παράδειγμα 1

Καθορίζει την απόσταση του τελικού μέρους του στοιχείου από το γονικό στοιχείο στην κατεύθυνση γραφής:

div {
  inset-inline-end: 50px;
}

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

Παράδειγμα 2

Όταν η τιμή του στοιχείου <div> είναι writing-mode Όταν η τιμή της ιδιότητας είναι vertical-rl, η κατεύθυνση γραφής είναι προς τα κάτω. Το αποτέλεσμα είναι ότι το τελικό μέρος του στοιχείου μετακινείται από τα δεξιά προς τα κάτω:

div {
  inset-inline-end: 50px;
  writing-mode: vertical-rl;
}

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

Παράδειγμα 3

Όταν η τιμή του στοιχείου <div> είναι direction Όταν η τιμή της ιδιότητας είναι rtl, η κατεύθυνση γραφής είναι από δεξιά προς αριστερά. Το αποτέλεσμα είναι ότι το τελικό μέρος του στοιχείου μετακινείται από τα δεξιά προς τα αριστερά:

div {
  inset-inline-end: 50px;
  direction: rtl;
}

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

Γλώσσα σύνταξης CSS

inset-inline-end: auto|length|initial|inherit;

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

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

Υποστήριξη προγράμματος περιήγησης

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

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

Εκμάθηση:CSS τοποθέτηση

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

Αναφορά:CSS direction 属性

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