Styl vlastnost objectPosition
Příklad
Změňte velikost obrázku tak, aby se vešel do pole obsahu, a umístěte obrázek 5 pixelů zleva a 10 % shora do pole obsahu:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definice a použití
Vlastnost objectPosition se používá k určení, jak by měl být <img> nebo <video> umístěn ve vlastním obsahovém poli.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Syntax
Vraťte vlastnost objectPosition:
object.style.objectPosition
Nastavte vlastnost objectPosition:
object.style.objectPosition = "position|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | 50 % 50 % |
---|---|
Návratová hodnota: | Řetězec nebo číslo představující pozici prvku v poli obsahu |
Verze CSS | CSS3 |
Související stránky
CSS tutoriál: CSS object-fit
CSS reference: vlastnost object-position
❮ Objekt stylu