Propiedad de posición de objeto de estilo
Ejemplo
Cambie el tamaño de una imagen para que se ajuste a su cuadro de contenido y coloque la imagen 5 px desde la izquierda y un 10 % desde la parte superior dentro del cuadro de contenido:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definición y uso
La propiedad objectPosition se usa para especificar cómo se debe colocar un <img> o <video> en su propio cuadro de contenido.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintaxis
Devuelve la propiedad objectPosition:
object.style.objectPosition
Establezca la propiedad objectPosition:
object.style.objectPosition = "position|initial|inherit"
Valores de propiedad
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 |
Detalles técnicos
Valor por defecto: | 50% 50% |
---|---|
Valor de retorno: | Una cadena o un número, que representa la posición de un elemento en su cuadro de contenido |
Versión CSS | CSS3 |
páginas relacionadas
Tutorial de CSS: ajuste de objetos CSS
Referencia de CSS: propiedad de posición de objeto
❮ Objeto de estilo