update(CSS): web/css/white-space

files/uk/web/css/white-space/index.md

@@ -231,6 +231,39 @@ select.addEventListener("change", (e) => {
 
 {{EmbedLiveSample("u-dii", "100%", 500)}}
 
+### Кілька ліній у елементі SVG text
+
+Властивість CSS {{CSSXRef("white-space")}} може бути використана для створення кількох рядків у елементі {{SVGElement("text")}}, який усталено не має перенесення тексту.
+
+> **Примітка:** На час написання цих рядків ця можливість має [обмежену підтримку](#sumisnist-iz-brauzeramy).
+
+#### HTML
+
+Текст всередині елемента `<text>` потрібно розбити на кілька рядків, щоб були виявлені символи нового рядка. Після першого рядка решта не повинні мати пробілів.
+
+```html-nolint
+<svg viewBox="0 0 320 150">
+  <text y="20" x="10">Це абзац українською мовою,
+який розбитий на кілька ліній
+у вихідному коді, щоб його було
+легше читати та редагувати
+у текстовому редакторі.</text>
+  </text>
+</svg>
+```
+
+#### CSS
+
+```css
+text {
+  white-space: break-spaces;
+}
+```
+
+#### Результат
+
+{{EmbedLiveSample("kilka-linii-u-elementi-svg-text", "100%", 150)}}
+
 ## Специфікації
 
 {{Specifications}}