Skip to content

Commit

Permalink
update(CSS): web/css/white-space
Browse files Browse the repository at this point in the history
  • Loading branch information
viperehonchuk committed Jan 31, 2025
1 parent df544e7 commit 5132c69
Showing 1 changed file with 4 additions and 30 deletions.
34 changes: 4 additions & 30 deletions files/uk/web/css/white-space/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,13 @@ browser-compat: css.properties.white-space
```css
/* Значення з одного ключового слова */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

/* Скорочені значення white-space-collapse і text-wrap */
white-space: collapse balance;
/* Скорочені значення white-space-collapse і text-wrap-mode */
white-space: wrap;
white-space: collapse;
white-space: preserve nowrap;

/* Глобальні значення */
Expand All @@ -46,25 +45,16 @@ white-space: unset;

### Значення

Значення властивості `white-space` може бути задано у вигляді одного ключового слова, вибраного зі списку значень нижче, або двох значень, що являють скорочення властивостей {{CSSxRef("white-space-collapse")}} і {{cssxref("text-wrap")}}.
Значення властивості `white-space` може бути задано у вигляді одного ключового слова, вибраного зі списку значень нижче, або двох значень, що являють скорочення властивостей {{CSSxRef("white-space-collapse")}} і {{cssxref("text-wrap-mode")}}.

- `normal`
- : Кілька пробілів підряд – [перекриваються](#perekryttia-probiliv). Символи нового рядка у вихідному коді обробляються так само, як всі інші пробільні символи. Рядки розриваються так, як необхідно для заповнення їхніх рамок.
- `nowrap`
- : [Перекриває](#perekryttia-probiliv) пробіли, як це робить значення `normal`, але нейтралізує розриви шеренги символів (переведення тексту на новий рядок), присутні у вихідному коді.
- `pre`
- : Кілька пробілів підряд – зберігаються. Шеренги символів розриваються лише на символах нового рядка з вихідного коду та елементах {{HTMLElement("br")}}.
- `pre-wrap`
- : Кілька пробілів підряд – зберігаються. Шеренги символів розриваються лише на символах нового рядка, {{HTMLElement("br")}} і тоді, коли необхідно заповнити рядкові рамки.
- `pre-line`
- : Кілька пробілів підряд – [перекриваються](#perekryttia-probiliv). Шеренги символів розриваються на символах нового рядка, на {{HTMLElement("br")}} і тоді, коли необхідно заповнити рядкові рамки.
- `break-spaces`

- : Логіка, ідентична до логіки `pre-wrap`, окрім того, що:

- Пробіли підряд завжди займають місце, в тому числі в кінці шеренги.
- Точка розриву шеренги стоїть після кожного збереженого символу пробілу, в тому числі між двома символами пробілу.
- Такі збережені проміжки займають простір і не повисають, чим впливають на природний розмір рамки (розміри {{cssxref("min-content")}} і {{cssxref("max-content")}}).

Наступна таблиця підсумовує логіку різних значень `white-space` – ключових слів:

Expand All @@ -88,14 +78,6 @@ white-space: unset;
<td>Прибираються</td>
<td>Повисають</td>
</tr>
<tr>
<th><code>nowrap</code></th>
<td>Перекриваються</td>
<td>Перекриваються</td>
<td>Без переходу на новий рядок</td>
<td>Прибираються</td>
<td>Повисають</td>
</tr>
<tr>
<th><code>pre</code></th>
<td>Зберігаються</td>
Expand All @@ -120,14 +102,6 @@ white-space: unset;
<td>Прибираються</td>
<td>Повисають</td>
</tr>
<tr>
<th><code>break-spaces</code></th>
<td>Зберігаються</td>
<td>Зберігаються</td>
<td>Перехід на новий рядок</td>
<td>Перехід на новий рядок</td>
<td>Перехід на новий рядок</td>
</tr>
</tbody>
</table>

Expand Down

0 comments on commit 5132c69

Please sign in to comment.