From 1bbedd9f67de161370661610dab75cf6577bbf92 Mon Sep 17 00:00:00 2001 From: 80001 <57833120+80001@users.noreply.github.com> Date: Fri, 21 Oct 2022 19:07:40 +0300 Subject: [PATCH 1/2] Update solution.md --- .../6-width-vs-clientwidth/solution.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md b/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md index 0a18bd86e..9caaf6114 100644 --- a/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md +++ b/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md @@ -1,6 +1,6 @@ -Differences: +Відмінності: -1. `clientWidth` is numeric, while `getComputedStyle(elem).width` returns a string with `px` at the end. -2. `getComputedStyle` may return non-numeric width like `"auto"` for an inline element. -3. `clientWidth` is the inner content area of the element plus paddings, while CSS width (with standard `box-sizing`) is the inner content area *without paddings*. -4. If there's a scrollbar and the browser reserves the space for it, some browser substract that space from CSS width (cause it's not available for content any more), and some do not. The `clientWidth` property is always the same: scrollbar size is substracted if reserved. +1. `clientWidth` є числовим, а `getComputedStyle(elem).width` повертає рядок із `px` в кінці. +2. `getComputedStyle` може повертати нечислову ширину, наприклад `"auto"` для вбудованого елемента. +3. `clientWidth` це внутрішня область вмісту елемента плюс відступи, тоді як ширина CSS (зі стандартним `box-sizing`) це внутрішня область вмісту *без відступів*. +4. Якщо є смуга прокрутки і браузер резервує для неї простір, деякі браузери віднімають цей простір із ширини CSS (тому що він більше не доступний для вмісту), а деякі ні. Властивість `clientWidth` завжди однакова: розмір смуги прокрутки віднімається, якщо зарезервовано. From f57da0b74e795831cec1f733c20ceb3956fa3d99 Mon Sep 17 00:00:00 2001 From: Roma Herman <57833120+80001@users.noreply.github.com> Date: Tue, 1 Nov 2022 11:54:26 +0200 Subject: [PATCH 2/2] Update solution.md Change inserted --- .../09-size-and-scroll/6-width-vs-clientwidth/solution.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md b/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md index 9caaf6114..9b30a8416 100644 --- a/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md +++ b/2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md @@ -3,4 +3,4 @@ 1. `clientWidth` є числовим, а `getComputedStyle(elem).width` повертає рядок із `px` в кінці. 2. `getComputedStyle` може повертати нечислову ширину, наприклад `"auto"` для вбудованого елемента. 3. `clientWidth` це внутрішня область вмісту елемента плюс відступи, тоді як ширина CSS (зі стандартним `box-sizing`) це внутрішня область вмісту *без відступів*. -4. Якщо є смуга прокрутки і браузер резервує для неї простір, деякі браузери віднімають цей простір із ширини CSS (тому що він більше не доступний для вмісту), а деякі ні. Властивість `clientWidth` завжди однакова: розмір смуги прокрутки віднімається, якщо зарезервовано. +4. Якщо є смуга прокрутки і браузер резервує для неї простір, деякі браузери віднімають цей простір із ширини CSS (тому що він більше не доступний для вмісту), а деякі ні. Властивість `clientWidth` завжди однакова: розмір смуги прокрутки віднімається при її наявності.