Существует ли такое дополнение для Firefox?
Firebug .
альтернативный текст http://xavierho.com/temp/SOFirebug.jpg
И вам придется выполнять простую арифметику, если вы смешиваете границы / поля/paddings.
Если вы видите края, о которых идет речь, всегда есть MeasureIt .Иногда я нахожу это быстрее, чем Firebug.
лучший аддон, о котором я могу подумать, это CSSViewer , есть также панель инструментов для firebug или веб-разработчика.
вы можете увидеть больше аддонов в этом топ 50 списке
Похоже, на данный момент такого плагина нет.
Firebug может сообщить вам эту информацию: включите ее, выберите вкладку HTML, выберите интересующий вас элемент, затем выберите вкладку макета справа.Он показывает диаграмму, очень похожую на вашу иллюстрацию выше: -)