Skip to content

Commit

Permalink
update(CSS): Web/CSS/box-sizing/ (#398)
Browse files Browse the repository at this point in the history
* update(CSS): Web/CSS/box-sizing/

* update(CSS): web/css/box-sizing
  • Loading branch information
AdriandeCita authored Jul 16, 2022
1 parent 266eeef commit 188aa61
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions files/uk/web/css/box-sizing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ browser-compat: css.properties.box-sizing

`box-sizing: border-box` – усталений стиль, що браузер застосовує для елементів {{htmlelement("table")}}, {{htmlelement("select")}} та {{htmlelement("button")}}, а також до елементів {{htmlelement("input")}}, чий тип – `{{htmlelement("input/radio", "radio")}}`, `{{htmlelement("input/checkbox", "checkbox")}}`, `{{htmlelement("input/reset", "reset")}}`, `{{htmlelement("input/button", "button")}}`, `{{htmlelement("input/submit", "submit")}}`, `{{htmlelement("input/color", "color")}}` або `{{htmlelement("input/search", "search")}}`.

> **Зверніть увагу:** Часто корисно встановити значення `box-sizing` у `border-box` для розкладки елементів. Це сильно спрощує роботу з розмірами елементів, і в загальному дає змогу уникнути низки вовчих ям, в котрі можна потрапити, розкладаючи вміст. З іншого боку, при використанні `position: relative` або `position: absolute` вживання `box-sizing: content-box` дає змогу вказувати значення позиціонування відносно вмісту, незалежно від варіації розмірів меж чи внутрішніх відступів, що іноді є бажаним.
> **Зверніть увагу:** Часто корисно встановлювати значення `box-sizing` у `border-box` для викладання елементів. Це сильно спрощує роботу з розмірами елементів, і в загальному дає змогу уникнути низки вовчих ям, в котрі можна потрапити, розкладаючи вміст. З іншого боку, при використанні `position: relative` або `position: absolute` вживання `box-sizing: content-box` дає змогу вказувати значення позиціонування відносно вмісту, незалежно від варіації розмірів меж чи внутрішніх відступів, що іноді є бажаним.
## Синтаксис

Expand All @@ -45,6 +45,7 @@ box-sizing: content-box;
box-sizing: inherit;
box-sizing: initial;
box-sizing: revert;
box-sizing: revert-layer;
box-sizing: unset;
```

Expand Down Expand Up @@ -116,7 +117,7 @@ div {

#### Результат

{{EmbedLiveSample('Box_sizes_with_content-box_and_border-box', 'auto', 300)}}
{{EmbedLiveSample('rozmiry-ramok-iz-content-box-ta-border-box', 'auto', 300)}}

## Специфікації

Expand Down

0 comments on commit 188aa61

Please sign in to comment.