logo

¿Cómo establecer la posición de una imagen en CSS?

Para cambiar la posición de una imagen en CSS , puede utilizar propiedades como posición de objeto y flotador. La propiedad de posición del objeto alinea la posición de la imagen dentro de su contenedor usando las coordenadas xey. Por otro lado, la propiedad flotante se utiliza para mover un elemento dentro del contenedor hacia la izquierda o hacia la derecha de la ubicación de la imagen.

Tabla de contenidos



Usando la propiedad de posición de objeto

object-position>propiedad Se utiliza con precisión para establecer la posición de una imagen dentro de su contenedor, lo que le permite controlar su alineación y ubicación sin alterar el diseño general.

encapsulación en java

Sintaxis:

object-position:>

Valores de propiedad:

  • posición: Toma 2 valores numéricos correspondientes a la distancia desde la izquierda del cuadro de contenido (eje x) y la distancia desde la parte superior del cuadro de contenido (eje y), respectivamente.

Ejemplo: Implementación para establecer la posición de una imagen usando la propiedad de posición del objeto.

HTML




obtener conexión





> <>html>>> <>head>>> ><>title>>Para establecer la posición de un título de imagen>