TypeScript - Angularでパーセンテージのスタイルを適用するにはどうすればよいですか？

このリンクによると

私はできる

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

これは幅を30ピクセルに設定します。同じことをパーセンテージで行うにはどうすればいいですか？

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

回答 #1

あなたは % 記号を使用します。

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

CSSでは、数値の後に通常来るものを使用します。

例えば；

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