Unidad 10. CSS. Unidades. Color. Margen. Fondo. Borde (XIII)

10.12. background-position

Este atributo indica la posición de la imagen de fondo respecto a la esquina superior derecha. La posición se da con una pareja de coordenadas, es decir, un valor para la posición horizontal (con left, center, right) y otro valor para la posición vertical (top, bottom, center), si solo se da un valor, el segundo se asume que es center. También pueden dar los valores de la posición con un valor numérico o con porcentaje sobre la anchura o altura.

Por ejemplo: background-position: right bottom; coloca la imagen en la esquina inferior derecha.

Por ejemplo: background-position: 30% 50px; coloca la imagen en el 30% del espacio horizontal y a 50px respecto de la parte superior.

 Cursos Informática Gratuitos