JavaScript では、getPropertyValue(property) を使用して CSS 変数の値を取得できます。この関数は、:root ブロックで宣言された変数を取得するのに役立ちます。
ただし、この変数式に calc のような関数が含まれている場合、getPropertyValue 呼び出しは、getCompulatedStyle# を使用した場合でも、式を計算するのではなくテキストとして返します。 ## の場合は true です。
リーリー
calc などの CSS 関数を使用して CSS 変数の計算値を取得するにはどうすればよいですか?
リーリー
リーリー
リーリー
P粉9365096352023-10-26 00:55:18
奇妙な方法は、
を追加することです。 リーリー リーリー リーリーこれがあなたのユースケースで機能するかどうかはわかりませんが、テストしたところ、機能しました。
P粉8385635232023-10-26 00:31:35
計算された値は静的ではなく、他のプロパティに依存するため、技術的にはできません。この場合、ピクセル値を扱っているので単純ですが、パーセンテージ値がある状況を想像してください。パーセンテージは他のプロパティに相対的なものであるため、var() で使用する前に計算することはできません。 em、ch などの単位を使用する場合も、ロジックは同じです。