Propriedade de posição do objeto de estilo
Exemplo
Redimensione uma imagem para caber em sua caixa de conteúdo e posicione a imagem 5px da esquerda e 10% da parte superior dentro da caixa de conteúdo:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definição e uso
A propriedade objectPosition é usada para especificar como um <img> ou <video> deve ser posicionado em sua própria caixa de conteúdo.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintaxe
Retorne a propriedade objectPosition:
object.style.objectPosition
Defina a propriedade objectPosition:
object.style.objectPosition = "position|initial|inherit"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | 50% 50% |
---|---|
Valor de retorno: | Uma String ou um Número, representando a posição de um elemento em sua caixa de conteúdo |
Versão CSS | CSS3 |
Páginas relacionadas
Tutorial CSS: ajuste de objeto CSS
Referência CSS: propriedade object-position
❮ Objeto de estilo