Mengubah style inset via JS

Berkaitan dengan postingan ini, saya menemukan bahwa mengubah style inset itu tidak selalu mudah terutama kalau melibatkan dua sisi yang berlawanan, seperti top vs bottom, atau left vs right. Apabila kamu perlu meng-update nilai dari satu sisi lalu setelah itu kamu perlu mengupdate nilai dari sisi yang berlawanan, kamu akan mendapatkan tampilan yang tidak konsisten kalau kamu tidak mengeset nilai default untuk kedua sisi tersebut.

// Ini tidak konsisten

document.querySelector(".container").style.top = 0;
// ... lalu pada kode setelahnya
document.querySelector(".container").style.bottom = "200px";

// Ini konsisten

document.querySelector(".container").style.top = 0;
document.querySelector(".container").style.bottom = "unset";
// ... lalu pada kode setelahnya
document.querySelector(".container").style.top = "unset";
document.querySelector(".container").style.bottom = "200px";