1.2 KiB
title | localeTitle |
---|---|
Background Position Property | Propiedad de posición de fondo |
Propiedad de posición de fondo
La propiedad de fondo establece la posición desde donde debe comenzar la imagen de fondo. En otras palabras, esta propiedad tomará un valor x y un valor y y comenzará la imagen desde el punto (x, y)
.
Ejemplo:
/* setting background-image of HTML doc */
body {
background-image: url('https://i.imgur.com/6Z2VStD.png');
background-repeat: no-repeat;
background-position: right top;
}
De forma predeterminada, la propiedad de posición de fondo se establece en 0% 0%
.
Valores de propiedad:
background-position: x-value y-value
donde,
valor x : left | center | right | x% | x px
, y
valor de y : top | center | bottom | y% | y px
.
Otros valores de propiedad permitidos son initial
y inherit
.
initial
: establece esta propiedad a su valor predeterminado.
inherit
: inherit
el valor del elemento padre.
Nota: cuando solo se asigna un valor a la propiedad de fondo, el otro está, de forma predeterminada, establecido en el center
.
Otros recursos:
Docs MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position