¿Cómo funcionan los atributos superior, inferior, izquierdo y derecho de CSS?
Me preguntaba cuál era la lógica detrás delCSS atributos paratop
, left
bottom
yright
.
por ejemplo si tuviera que hacer lo siguiente:
img {
position:absolute;
right:5px;
}
esto establecería el borde derecho de la imagen 5px a la izquierda del borde derecho de su elemento contenedor.
lo que entiendo bien y la sintaxis tiene sentido, sin embargo, donde estoy un poco confundido es si tuviera que configurarlo así:
img {
position:absolute;
right:0px;
}
Debería establecer el borde derecho de la imagen a la izquierda del borde derecho de su elemento contenedor, pero la sintaxis me parece extraña, que tengo que especificarright:0px;
.
Tenía curiosidad por saber por qué funciona de esta manera, y no está en un formato similar afloat:right;
oposition:right;