Ιδιότητα objectPosition

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

objectPosition Η ιδιότητα αυτή χρησιμοποιείται για να καθορίζει <img> ή <video> Πώς θα πρέπει να τοποθετηθεί μέσα στο δικό του πλαίσιο περιεχομένου.

Δείτε επίσης:

Εκμάθηση CSSCSS object-fit

Εγχειρίδιο CSSΙδιότητα object-position

Παράδειγμα

Ρυθμίστε το μέγεθος της εικόνας ώστε να ταιριάζει στο περιεχόμενο του πλαίσιο και να το τοποθετήσετε στο εσωτερικό του πλαίσιο 5px αριστερά και 10% από την κορυφή:

document.getElementById("myImg").style.objectPosition = "0 10%";

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

Γραμματική

Επιστροφή της ιδιότητας objectPosition:

object.style.objectPosition

Ρύθμιση της ιδιότητας objectPosition:

object.style.objectPosition = "position|initial|inherit"

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

Τιμή Περιγραφή
position

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

Η πρώτη τιμή ελέγχει τον άξονα x, η δεύτερη τιμή ελέγχει τον άξονα y.

Μπορεί να είναι συνώνυμο (αριστερά, κέντρο ή δεξιά) ή αριθμός (με μονάδες px ή %).

Επιτρέπει αρνητικές τιμές.
initial Αναθέτει αυτήν την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε initial.
inherit Επιτρέπει την κληρονομιά αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: 50% 50%
Αποτελεσμα: Συνημμένος χαρακτήρας ή αριθμός που δείχνει τη θέση του στοιχείου στο περιεχόμενο του πλαίσιο.
Έκδοση CSS: CSS3

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

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

Χρώμη Εντζ Φάιρεξ Σάφάρι Όπερα
Χρώμη Εντζ Φάιρεξ Σάφάρι Όπερα
31.0 16.0 36.0 10.1 19.0