Блог

Рассмотрим следующий документ svg:

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 7">
  <g font-size="20">
    <rect id="A" y="1" font-size="10" width="1em" height="1" fill="red"/>
  </g>
  <g font-size="20">
    <rect id="B" y="3" width="1em" height="1" />
  </g>
  <g font-size="10">
    <rect id="C" y="5" width="1em" height="1" />
  </g>
</svg> 

Должен font-size ли атрибут A прямоугольника применяться до или после вычисления width="1em" значения, т. Е. Должен ли красный A прямоугольник быть таким же широким, как B или C ?
Я действительно не нашел ничего об этом в спецификации (возможно, это там есть, но я просто не узнал его). Похоже, что браузеры реализуют это поведение непоследовательно:

• В firefox A такой же широкий, как B
• В edge (chrome) A такая же ширина, как C