El Orden Real de las Operaciones: una guía personal de orden de propiedades CSS

Ken F yi ha publicado una página personal titulada «The Royal Order of Operations» donde recopila el orden en que, según su criterio, deberían declararse las propiedades CSS en una hoja de estilos. El autor admite que se trata de opiniones firmes mantenidas sin rigidez e invita a rebatirlo por correo electrónico. La lista, organizada en un único «Artículo I», agrupa las propiedades siguiendo una lógica que prioriza la posición y el desplazamiento, continúa con la maquetación y el sistema de cajas (incluidas las propiedades lógicas como inset-block, margin-inline y border-inline), sigue con bordes, fondos, tipografía, transformaciones y animaciones, y termina con propiedades de interacción y visibilidad como overflow, cursor o visibility. La particularidad más notable de la propuesta es que adopta de forma sistemática las propiedades lógicas del estándar CSS — pensadas para adaptarse a idiomas con dirección de escritura vertical o de derecha a izquierda — y las sitúa antes que sus equivalentes físicos tradicionales (top, right, bottom, left), aunque en muchos casos los mantiene como referencia secundaria. El resultado es una guía que funciona tanto como referencia rápida para escribir CSS consistente como como punto de partida para discutir convenciones dentro de un equipo de desarrollo front-end.