Update syntax for white-space

[skyclouds2001]

Description

the spec has updated the syntax for white-space property, it is no longer a shorthand property for text-wrap property, but a shorthand property for text-wrap-mode property
this happens in w3c/csswg-drafts@3a1eb85, as text-wrap property also become a shorthand property for text-wrap-mode property and text-wrap-style property, see also w3c/csswg-drafts#9102

nowrap value and break-spaces value has been removed from spec, since they've defined in the white-space-collapse and text-wrap-mode longhand properties
this happens in w3c/csswg-drafts@dfb236b (w3c/csswg-drafts#9227) and w3c/csswg-drafts@4717dbc

also fix the typo in syntax section in text-wrap-mode

Motivation

Additional details

https://drafts.csswg.org/css-text-4/#propdef-white-space for spec

Related issues and pull requests

mdn/browser-compat-data#25572 for bcd change
mdn/data#878 for data change
mdn/interactive-examples#2884 for interactive example change

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/text-wrap-mode
• /en-US/docs/Web/CSS/text-wrap
• /en-US/docs/Web/CSS/white-space-collapse
• /en-US/docs/Web/CSS/white-space

Flaws (192)

URL: /en-US/docs/Web/CSS/text-wrap
Title: text-wrap
Flaw count: 48

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted

---

URL: /en-US/docs/Web/CSS/white-space-collapse
Title: white-space-collapse
Flaw count: 48

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted

---

URL: /en-US/docs/Web/CSS/text-wrap-mode
Title: text-wrap-mode
Flaw count: 48

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted

---

URL: /en-US/docs/Web/CSS/white-space
Title: white-space
Flaw count: 48

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted

External URLs (2)

URL: /en-US/docs/Web/CSS/text-wrap
Title: text-wrap

• https://developer.chrome.com/blog/css-text-wrap-pretty/ (1 time)
• https://developer.chrome.com/docs/css-ui/css-text-wrap-balance (1 time)

(comment last updated: 2025-01-06 04:02:59)

[estelle]

Thanks! 🎉