Quiero que se aplique la propiedad de los input y que se vayan acumulando, por ejemplo si pone el borde azul y el fondo amarillo, que tenga un borde azul y un fondo amarillo.
Al volver a poner una propiedad que ya esta definida se eliminará esa propiedad.
window.addEventListener("load", function () {
let cambiar = document.querySelector("#b1");
let propiedad=document.querySelector("#propiedad");
let valor=document.querySelector("#valor");
cambiar.addEventListener("click",function() {cambiarCSS(propiedad.value,valor.value)});
function cambiarCSS() {
/*???*/
}
});
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS</title>
</head>
<body>
Propiedad: <input type="text" id="propiedad" name="propiedad">
Valor: <input type="text" id="valor" name="valor">
<button id="b1">Cambiar css</button><br>
<p id="parrafo">Cambiame</p>
</body>
</html>
CSS.supports
. Sólo tendrías que agregar la nueva propiedad en vez de cambiarla.