CSSのclientHeight、offsetHeight、scrollHeightの違いを教えてください。

CSSでエレメントの高さを取得するプロパティにclientHeight、offsetHeight、scrollHeightがあります。

1. clientHeight: 要素の内容の高さを表す読み取り専用のプロパティであり、パディングは含まれますが、ボーダーやスクロールバーの高さは含まれません。
2. offsetHeight：これは要素の高さを表す読み取り専用プロパティであり、要素のコンテンツ、パッド、ボーダーの高さが含まれますが、スクロールバーの高さは含まれません。
3. scrollHeight：読み取り専用のプロパティで、要素のコンテンツの全高を表し、オーバーフローとして隠れている部分も含みパディングも含まれますが、境界とスクロールバーの高さを除きます。

これらの属性は通常、特にスクロールが関わる場合の、エレメントの実際の高さを計算するために使用されます。