Atrybut objectPosition stylu

Definicja i zastosowanie

objectPosition Atrybut jest używany do określenia <img> lub <video> Jak go umieścić w jego własnym polu zawartości.

Inne zasoby:

Podręcznik CSS:CSS object-fit

Podręcznik CSS:Atrybut object-position

Przykład

Dostosuj rozmiar obrazu, aby pasował do jego pola zawartości, i umieść obraz w polu zawartości, 5px od lewej i 10% od góry:

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

Spróbuj sam

Gramatyka

Zwróć atrybut objectPosition:

object.style.objectPosition

Ustawienie atrybutu objectPosition:

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

Wartość atrybutu

Wartość Opis
position

Określa pozycję obrazu lub wideo w polu zawartości.

Pierwsza wartość kontroluje oś x, druga wartość kontroluje oś y.

Może być ciąg znaków (left, center lub right) lub liczbą (w jednostkach px lub %).

Zezwala na ujemne wartości.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherkuje tę właściwość z elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: 50% 50%
Zwracana wartość: Ciąg znaków lub liczba, oznaczająca pozycję elementu w jego polu zawartości.
Wersja CSS: CSS3

Obsługa przeglądarki

Tabela zawiera numer wersji przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0