CSS inset-block-start ιδιότητα

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

inset-block-start ιδιότητες που καθορίζουν την απόσταση της αρχής του στοιχείου από το γονικό στοιχείο στον άξονα του τοπίου.

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

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

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

Παράδειγμα

Παράδειγμα 1

Ρυθμίστε την απόσταση του τοποθετημένου στοιχείου div από το γονικό στοιχείο στον άξονα του τοπίου:

div {
  inset-block-start: 50px;
}

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

Παράδειγμα 2

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

div {
  inset-block-start: 50px;
  writing-mode: vertical-rl;
}

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

Γλώσσα CSS

inset-block-start: auto|length|initial|inherit;

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

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

Υποστήριξη περιηγητή

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

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

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

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

Αναφορά:CSS μορφή γραφής