typescript - Como aplicar estilo com porcentagem no Angular?

Conforme este link

Eu posso fazer

<p [style.width.px]="30">
  Some text that may be important.
</p>

Isso definirá uma largura de 30 px. Como faço o mesmo para porcentagem?

<p [style.width.percent]="30"> // This doesn't work
  Some text that may be important.
</p>

Resposta #1

Você usa o símbolo %.

<p [style.width.%]="30">

Você usa o que normalmente viria após o valor numérico no CSS.

Por exemplo;

30rem => [style.width.rem]="30"
30px => [style.width.px]="30"
30% => [style.width.%]="30"