CSS inset ιδιότητα

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

inset Η ιδιότητα χρησιμοποιείται για να ρυθμίσει τη απόσταση μεταξύ του στοιχείου και του γονικού του στοιχείου.

注意：要使该属性生效，必须指定 Σημείωση: Για να ενεργοποιηθεί αυτή η ιδιότητα, πρέπει να καθοριστεί

inset θέση

inset left

right

inset: 15px 30px 60px 90px;
  • Η απόσταση αριστερά είναι 90px
  • Οι τιμές της ιδιότητας μπορούν να οριστούν με διάφορους τρόπους:
  • Αν η ιδιότητα inset έχει τρεις τιμές:
  • Αν η ιδιότητα inset έχει τέσσερις τιμές:

Η απόσταση δεξιά είναι 30px

inset: 15px 30px 60px;
  • Η απόσταση αριστερά είναι 90px
  • Αν η ιδιότητα inset έχει δύο τιμές:
  • Αν η ιδιότητα inset έχει τρεις τιμές:

Η απόσταση επάνω είναι 15px

Παράδειγμα 2
  • Η απόσταση κάτω είναι 60px
  • Αν η ιδιότητα inset έχει δύο τιμές:

Η απόσταση επάνω και κάτω είναι 15px

Η απόσταση αριστερά και δεξιά είναι 30px
  • Αν η ιδιότητα inset έχει μια τιμή:

inset: 10px;

Οι απόσεις στις τέσσερις κατευθύνσεις είναι 10px

Επίδειξη

div {
  Παράδειγμα 1
}

Προσπαθήστε μόνοι σας

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

Ορίστε την τιμή της ιδιότητας του στοιχείου <div> για να καθορίσετε την απόσταση από το γονικό στοιχείο: inset inset: 35px;

div {
  Παράδειγμα 2
}

Προσπαθήστε μόνοι σας

inset: 15px 30px;

Ορίστε την τιμή της ιδιότητας του στοιχείου <div> για να καθορίσετε την απόσταση από το γονικό στοιχείο: inset Παράδειγμα 3

div {
  inset: 15px 30px 60px;
}

Προσπαθήστε μόνοι σας

Παράδειγμα 4

Ορίστε την τιμή της ιδιότητας του στοιχείου <div> για να καθορίσετε την απόσταση από το γονικό στοιχείο: inset Η τιμή της ιδιότητας ορίζεται ως η απόσταση από το γονικό στοιχείο: 15 pixel στην κορυφή, 30 pixel στο δεξί, 60 pixel στο κάτω μέρος και 90 pixel στο αριστερό:

div {
  inset: 15px 30px 60px 90px;
}

Προσπαθήστε μόνοι σας

Γλωσσάρα CSS

inset: auto|length|initial|κληρονομιά;

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

Τιμή Περιγραφή
αυτόματα Προεπιλεγμένη τιμή. Η προεπιλεγμένη απόσταση inset του στοιχείου.
length Χρησιμοποιήστε σταθερή μονάδα (π.χ. px, pt, cm κ.λπ.) για να καθορίσετε τη απόσταση. Επιτρέπονται αρνητικές τιμές. Δείτε:Μονάδες CSS.
% Χρησιμοποιήστε το ποσοστό για να καθορίσετε τη απόσταση, σε σχέση με το μέγεθος του γονικού στοιχείου στην αντίστοιχη άξονα.
initial Αναθέστε αυτή την ιδιότητα στην προεπιλεγμένη τιμή. Δείτε: initial.
κληρονομιά Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε: κληρονομιά.

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

Προεπιλεγμένη τιμή: αυτόματα
Μέθοδος κληρονομιάς: Όχι
Προσαρμογή κίνησης: Υποστηρίζεται. Δείτε:Προσαρμοστές ιδιότητες κίνησης.
Έκδοση: CSS3
Γλωσσάρα Γιουάσκρετ object.style.inset="100px 50px"

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

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

Χρωμών Όριο Φωφός Σαφάρι ἐργά
87.0 87.0 66.0 14.1 73.0

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

Εκμάθηση:Ατριβή τοποθέτηση

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

Αναφορά:CSS κάτω σελήνου

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

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

Αναφορά:Ατριβή top ιδιότητα