Me gustaría depurar algo en mi CSS, y la documentación que leo siempre hace referencia al cuadro principal. ¿Existe una propiedad o función de javascript que imprima las coordenadas del cuadro principal de un elemento?

El cuadro principal se define aquí: https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model#the_principal_box

Puedo imprimir su rectángulo visual con element.offsetTop y propiedades similares.

¿Existe tal cosa para la caja principal?

¿O Chrome Developer Tools tiene algo que lo muestre?