From 9e38c20bc4b9f6fe4a6ecd06377a32fbb7ac794f Mon Sep 17 00:00:00 2001 From: front42 Date: Sat, 24 Jan 2026 19:45:09 +0300 Subject: [PATCH] feat: clarify point in size-and-scroll article.md en --- 2-ui/1-document/09-size-and-scroll/article.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/2-ui/1-document/09-size-and-scroll/article.md b/2-ui/1-document/09-size-and-scroll/article.md index 66f28115f0..5d6c5b9447 100644 --- a/2-ui/1-document/09-size-and-scroll/article.md +++ b/2-ui/1-document/09-size-and-scroll/article.md @@ -63,9 +63,9 @@ That's the nearest ancestor that is one of the following: 2. ``, ``, or ``, or 3. ``. -Properties `offsetLeft/offsetTop` provide x/y coordinates relative to `offsetParent` upper-left corner. +Properties `offsetLeft/offsetTop` provide x/y coordinates of the element's upper-left corner relative to its `offsetParent`. -In the example below the inner `
` has `
` as `offsetParent` and `offsetLeft/offsetTop` shifts from its upper-left corner (`180`): +In the example below, the inner `
` has `
` as `offsetParent`, and `offsetLeft/offsetTop` are the offsets of its upper-left corner (`180`) relative to the `offsetParent`: ```html run height=10
@@ -148,7 +148,7 @@ Here's the example in hebrew: These properties provide the size of the area inside the element borders. -They include the content width together with paddings, but without the scrollbar: +They include the content width/height together with paddings, but without the scrollbar: ![](metric-client-width-height.svg) @@ -266,7 +266,7 @@ Please note that the described difference is only about reading `getComputedStyl Elements have the following geometry properties: - `offsetParent` -- is the nearest positioned ancestor or `td`, `th`, `table`, `body`. -- `offsetLeft/offsetTop` -- coordinates relative to the upper-left edge of `offsetParent`. +- `offsetLeft/offsetTop` -- coordinates of the upper-left corner relative to the `offsetParent`. - `offsetWidth/offsetHeight` -- "outer" width/height of an element including borders. - `clientLeft/clientTop` -- the distances from the upper-left outer corner to the upper-left inner (content + padding) corner. For left-to-right OS they are always the widths of left/top borders. For right-to-left OS the vertical scrollbar is on the left so `clientLeft` includes its width too. - `clientWidth/clientHeight` -- the width/height of the content including paddings, but without the scrollbar.