¿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;

Respuestas a la pregunta(3)

Su respuesta a la pregunta