` ), установленный на ширину 300 пикселей, содержит изображение шириной 400 пикселей. Изображение будет выходить из div и быть видимым по умолчанию. Однако, если значение переполнения установлено в скрытое, изображение будет отключено на 300 пикселей.
+Например, заданный элемент уровня блока (`
`) имеет ширину 300px и содержит изображение шириной 400px. Изображение будет торчать из `
` и будет видимым по умолчанию. Однако, если значение `overflow` установлено в `hidden`, изображение будет обрезано в 300px.
## Значения
-* `visible` : Это значение по умолчанию для свойства. Содержимое не обрезается, если оно больше, чем поле.
-* `hidden` : переполненное содержимое будет скрыто.
-* `scroll` : похоже на скрытый, но пользователи смогут прокручивать скрытый контент.
-* `auto` : Если содержимое выходит за пределы его поля, то это содержимое будет скрыто, в то время как полоса прокрутки должна быть видимой для пользователей, чтобы прочитать остальную часть содержимого.
-* `initial` : Использует значение по умолчанию, которое видно.
-* `inherit` : Устанавливает переполнение для значения его родительского элемента.
+* `visible`: Это значение свойства по умолчанию. Содержимое не обрезается, если оно больше блока.
+* `hidden`: Переполненный контент будет скрыт.
+* `scroll`: Похоже на `hidden`, но пользователи смогут прокручивать скрытое содержимое.
+* `auto`: Если содержимое выходит за рамки своего блока, то это содержимое будет скрыто, в то время как полоса прокрутки должна быть видна для пользователей, чтобы прочитать остальную часть содержимого.
+* `initial`: Использует значение `visible` по умолчанию.
+* `inherit`: Задает для `overflow` значение родительского элемента.
## Примеры
-### Видимых:
+### Visible:
+```css
+.box-element { overflow: visible; }
+```
+
+
+### Hidden:
+```css
+.box-element { overflow: hidden; }
+```
+
+
+### Scroll:
+```css
+.box-element { overflow: scroll; }
+```
+
+
+### Auto:
+```css
+.box-element { overflow: auto; }
+```
+
+
+## overflow-x и overflow-y
+
+* `overflow-x`: Позволяет пользователю прокручивать содержимое, выходящее за пределы высоты элемента.
+* `overflow-y`: Позволяет пользователю прокручивать содержимое, выходящее за пределы элемента.
```css
-.box-element { overflow: visible; }
+ .box-element {
+ overflow-x: scroll;
+ overflow-y: auto;
+ }
```
+И `.box-element` будет выглядеть так:
+
-
+Если содержимое переполняется по оси - Y, то это содержимое будет скрыто, в то время как полоса прокрутки должна быть видна для пользователей, чтобы прочитать остальную часть содержимого.
-### Скрытые:
+#### Подробная информация
-```css
-.box-element { overflow: hidden; }
-```
-
-
-
-### Прокрутка:
-
-```css
-.box-element { overflow: scroll; }
-```
-
-
-
-### Авто:
-
-```css
-.box-element { overflow: auto; }
-```
-
-
-
-## переполнение-x и переполнение-y
-
-* `overflow-x` : позволяет пользователю прокручивать содержимое, которое выходит за пределы высоты элемента box.
-* `overflow-y` : позволяет пользователю прокручивать содержимое, выходящее за пределы ширины окна.
-
-```css
- .box-element {
- overflow-x: scroll;
- overflow-y: auto;
- }
-```
-
-`.box-element` будет выглядеть так: 
-
-Если содержимое переполняет ось Y, то это содержимое будет скрыто, в то время как полоса прокрутки должна быть видимой для пользователей, чтобы прочитать остальную часть содержимого.
-
-#### Дополнительная информация:
-
-CSS-трюки: [переполнение](https://css-tricks.com/almanac/properties/o/overflow/)
\ No newline at end of file
+* [CSS-Tricks](https://css-tricks.com/almanac/properties/o/overflow/)