getComputedStyleでスタイルを取得し、parseIntやparseFloatで数字にする

qiita.com

const elm = document.querySelector('.elm');
const style: CSSStyleDeclaration = window.getComputedStyle(elm);
const lineHeight = style.lineHeight;

のように、して、実際に計算された後のCSSの値をとってこれます。

こちらの結果は21pxのように文字列で返ってきます。なので、値をとってきた後に計算したい場合は

naokiotsu.com

のように、

const lineHeight: number = parseFloat(style.lineHeight);

としてとってきます。parseFloatだと小数点まで見てくれます。このようにとってくると後で計算に使えます。