Skip to content

Commit 26dc0c8

Browse files
dandgersonlex111
andauthored
Update 2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md
Co-Authored-By: Alexey Pyltsyn <lex61rus@gmail.com>
1 parent 5486ed3 commit 26dc0c8

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • 2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth

2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,5 @@
22

33
1. `clientWidth` возвращает число, а `getComputedStyle(elem).width` - строку с `px` на конце.
44
2. `getComputedStyle` не всегда даст ширину, он может вернуть, к примеру, `"auto"` для строчного элемента.
5-
3. `clientWidth` соответствует внутренней видимой области элемента, включая внутренние отступы (padding), а CSS-ширина width (при стандартном значении `box-sizing`) соответствует внутренней видимой области *без внутренних отступов*.
5+
3. `clientWidth` соответствует внутренней видимой области элемента, включая внутренние отступы (padding), а CSS-ширина (при стандартном значении `box-sizing`) соответствует внутренней видимой области *без внутренних отступов*.
66
4. Если есть полоса прокрутки, и для неё зарезервировано место, то некоторые браузеры вычитают его из CSS-ширины width (т.к. оно больше недоступно для содержимого), а некоторые - нет. Свойство `clientWidth` всегда ведёт себя одинаково: оно всегда обозначает размер за вычетом прокрутки, т.е. реально доступный для содержимого.

0 commit comments

Comments
 (0)