Skip to content

Commit 98f927d

Browse files
authored
Add hyphens (#1714)
1 parent 72f952c commit 98f927d

File tree

2 files changed

+250
-3
lines changed

2 files changed

+250
-3
lines changed

features/hyphens.yml

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,75 @@
11
name: Hyphenation
2-
description: The `hyphens` CSS property controls when long words are broken by line wrapping. Although called `hyphens`, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters to mark an intraword line break.
2+
# The description should be revisited when support notes are added.
3+
# https://github.com/web-platform-dx/web-features/issues/915
4+
description: The `hyphens` CSS property controls when long words are broken by line wrapping. Although called `hyphens`, the property applies to word-splitting behavior across languages, such as customary spelling changes or the use of other characters. Support for non-English languages varies signficantly.
35
spec: https://drafts.csswg.org/css-text-3/#hyphens-property
46
caniuse: css-hyphens
7+
group: css
8+
status:
9+
compute_from: css.properties.hyphens.auto
10+
compat_features:
11+
- css.properties.hyphens
12+
- css.properties.hyphens.auto
13+
- css.properties.hyphens.language_english
14+
- css.properties.hyphens.language_afrikaans
15+
- css.properties.hyphens.language_albanian
16+
- css.properties.hyphens.language_amharic
17+
- css.properties.hyphens.language_armenian
18+
- css.properties.hyphens.language_assamese
19+
- css.properties.hyphens.language_basque
20+
- css.properties.hyphens.language_belarusian
21+
- css.properties.hyphens.language_bengali
22+
- css.properties.hyphens.language_bosnian
23+
- css.properties.hyphens.language_bulgarian
24+
- css.properties.hyphens.language_catalan
25+
- css.properties.hyphens.language_croatian
26+
- css.properties.hyphens.language_cyrillic_mongolian
27+
- css.properties.hyphens.language_czech
28+
- css.properties.hyphens.language_danish
29+
- css.properties.hyphens.language_dutch
30+
- css.properties.hyphens.language_esperanto
31+
- css.properties.hyphens.language_estonian
32+
- css.properties.hyphens.language_ethiopic_script_mul
33+
- css.properties.hyphens.language_ethiopic_script_und
34+
- css.properties.hyphens.language_finnish
35+
- css.properties.hyphens.language_french
36+
- css.properties.hyphens.language_galician
37+
- css.properties.hyphens.language_georgian
38+
- css.properties.hyphens.language_german_reformed_orthography
39+
- css.properties.hyphens.language_german_swiss_orthography
40+
- css.properties.hyphens.language_german_traditional_orthography
41+
- css.properties.hyphens.language_gujarati
42+
- css.properties.hyphens.language_hindi
43+
- css.properties.hyphens.language_hungarian
44+
- css.properties.hyphens.language_icelandic
45+
- css.properties.hyphens.language_interlingua
46+
- css.properties.hyphens.language_irish
47+
- css.properties.hyphens.language_italian
48+
- css.properties.hyphens.language_kannada
49+
- css.properties.hyphens.language_kurmanji
50+
- css.properties.hyphens.language_latin
51+
- css.properties.hyphens.language_latvian
52+
- css.properties.hyphens.language_lithuanian
53+
- css.properties.hyphens.language_malayalam
54+
- css.properties.hyphens.language_marathi
55+
- css.properties.hyphens.language_modern_greek
56+
- css.properties.hyphens.language_mongolian
57+
- css.properties.hyphens.language_norwegian_nn
58+
- css.properties.hyphens.language_norwegian_no
59+
- css.properties.hyphens.language_old_slavonic
60+
- css.properties.hyphens.language_oriya
61+
- css.properties.hyphens.language_polish
62+
- css.properties.hyphens.language_portuguese
63+
- css.properties.hyphens.language_punjabi
64+
- css.properties.hyphens.language_russian
65+
- css.properties.hyphens.language_slovak
66+
- css.properties.hyphens.language_slovenian
67+
- css.properties.hyphens.language_spanish
68+
- css.properties.hyphens.language_swedish
69+
- css.properties.hyphens.language_tamil
70+
- css.properties.hyphens.language_telugu
71+
- css.properties.hyphens.language_turkish
72+
- css.properties.hyphens.language_turkmen
73+
- css.properties.hyphens.language_ukrainian
74+
- css.properties.hyphens.language_upper_sorbian
75+
- css.properties.hyphens.language_welsh

features/hyphens.yml.dist

Lines changed: 178 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,188 @@ status:
55
baseline: low
66
baseline_low_date: 2023-09-18
77
support:
8-
chrome: "55"
8+
chrome: "88"
99
chrome_android: "55"
10-
edge: "79"
10+
edge: "88"
1111
firefox: "43"
1212
firefox_android: "43"
1313
safari: "17"
1414
safari_ios: "17"
1515
compat_features:
16+
# baseline: low
17+
# baseline_low_date: 2023-09-18
18+
# support:
19+
# chrome: "55"
20+
# chrome_android: "55"
21+
# edge: "79"
22+
# firefox: "43"
23+
# firefox_android: "43"
24+
# safari: "17"
25+
# safari_ios: "17"
1626
- css.properties.hyphens
27+
- css.properties.hyphens.language_english
28+
29+
# baseline: low
30+
# baseline_low_date: 2023-09-18
31+
# support:
32+
# chrome: "87"
33+
# chrome_android: "87"
34+
# edge: "87"
35+
# firefox: "43"
36+
# firefox_android: "43"
37+
# safari: "17"
38+
# safari_ios: "17"
39+
- css.properties.hyphens.language_croatian
40+
- css.properties.hyphens.language_danish
41+
- css.properties.hyphens.language_french
42+
- css.properties.hyphens.language_german_reformed_orthography
43+
- css.properties.hyphens.language_hungarian
44+
- css.properties.hyphens.language_norwegian_no
45+
- css.properties.hyphens.language_portuguese
46+
- css.properties.hyphens.language_spanish
47+
48+
# ⬇️ Same status as overall feature ⬇️
49+
# baseline: low
50+
# baseline_low_date: 2023-09-18
51+
# support:
52+
# chrome: "88"
53+
# chrome_android: "55"
54+
# edge: "88"
55+
# firefox: "43"
56+
# firefox_android: "43"
57+
# safari: "17"
58+
# safari_ios: "17"
59+
- css.properties.hyphens.auto
60+
61+
# baseline: low
62+
# baseline_low_date: 2023-09-18
63+
# support:
64+
# chrome: "112"
65+
# chrome_android: "112"
66+
# edge: "112"
67+
# firefox: "43"
68+
# firefox_android: "43"
69+
# safari: "17"
70+
# safari_ios: "17"
71+
- css.properties.hyphens.language_dutch
72+
- css.properties.hyphens.language_italian
73+
- css.properties.hyphens.language_russian
74+
- css.properties.hyphens.language_swedish
75+
- css.properties.hyphens.language_ukrainian
76+
77+
# baseline: low
78+
# baseline_low_date: 2024-09-03
79+
# support:
80+
# chrome: "112"
81+
# chrome_android: "112"
82+
# edge: "112"
83+
# firefox: "130"
84+
# firefox_android: "130"
85+
# safari: "17"
86+
# safari_ios: "17"
87+
- css.properties.hyphens.language_czech
88+
89+
# baseline: false
90+
# support:
91+
# chrome: "87"
92+
# chrome_android: "87"
93+
# edge: "87"
94+
# firefox: "43"
95+
# firefox_android: "43"
96+
# safari_ios: "17"
97+
- css.properties.hyphens.language_norwegian_nn
98+
99+
# baseline: false
100+
# support:
101+
# chrome: "87"
102+
# chrome_android: "87"
103+
# edge: "87"
104+
# firefox: "43"
105+
# firefox_android: "43"
106+
- css.properties.hyphens.language_bulgarian
107+
- css.properties.hyphens.language_estonian
108+
- css.properties.hyphens.language_german_swiss_orthography
109+
- css.properties.hyphens.language_german_traditional_orthography
110+
- css.properties.hyphens.language_latin
111+
- css.properties.hyphens.language_slovenian
112+
- css.properties.hyphens.language_welsh
113+
114+
# baseline: false
115+
# support:
116+
# chrome: "112"
117+
# chrome_android: "112"
118+
# edge: "112"
119+
# firefox: "43"
120+
# firefox_android: "43"
121+
- css.properties.hyphens.language_afrikaans
122+
- css.properties.hyphens.language_galician
123+
- css.properties.hyphens.language_lithuanian
124+
125+
# baseline: false
126+
# support:
127+
# chrome: "112"
128+
# chrome_android: "112"
129+
# edge: "112"
130+
# firefox: "130"
131+
# firefox_android: "130"
132+
- css.properties.hyphens.language_slovak
133+
134+
# baseline: false
135+
# support:
136+
# firefox: "43"
137+
# firefox_android: "43"
138+
# safari: "17"
139+
# safari_ios: "17"
140+
- css.properties.hyphens.language_catalan
141+
- css.properties.hyphens.language_finnish
142+
- css.properties.hyphens.language_polish
143+
- css.properties.hyphens.language_turkish
144+
145+
# baseline: false
146+
# support:
147+
# chrome: "87"
148+
# chrome_android: "87"
149+
# edge: "87"
150+
- css.properties.hyphens.language_armenian
151+
- css.properties.hyphens.language_assamese
152+
- css.properties.hyphens.language_basque
153+
- css.properties.hyphens.language_belarusian
154+
- css.properties.hyphens.language_bengali
155+
- css.properties.hyphens.language_cyrillic_mongolian
156+
- css.properties.hyphens.language_ethiopic_script_und
157+
- css.properties.hyphens.language_gujarati
158+
- css.properties.hyphens.language_hindi
159+
- css.properties.hyphens.language_irish
160+
- css.properties.hyphens.language_kannada
161+
- css.properties.hyphens.language_malayalam
162+
- css.properties.hyphens.language_marathi
163+
- css.properties.hyphens.language_old_slavonic
164+
- css.properties.hyphens.language_oriya
165+
- css.properties.hyphens.language_punjabi
166+
- css.properties.hyphens.language_tamil
167+
- css.properties.hyphens.language_telugu
168+
- css.properties.hyphens.language_turkmen
169+
170+
# baseline: false
171+
# support:
172+
# chrome: "112"
173+
# chrome_android: "112"
174+
# edge: "112"
175+
- css.properties.hyphens.language_albanian
176+
- css.properties.hyphens.language_amharic
177+
- css.properties.hyphens.language_ethiopic_script_mul
178+
- css.properties.hyphens.language_georgian
179+
- css.properties.hyphens.language_latvian
180+
- css.properties.hyphens.language_modern_greek
181+
182+
# baseline: false
183+
# support:
184+
# firefox: "43"
185+
# firefox_android: "43"
186+
- css.properties.hyphens.language_bosnian
187+
- css.properties.hyphens.language_esperanto
188+
- css.properties.hyphens.language_icelandic
189+
- css.properties.hyphens.language_interlingua
190+
- css.properties.hyphens.language_kurmanji
191+
- css.properties.hyphens.language_mongolian
192+
- css.properties.hyphens.language_upper_sorbian

0 commit comments

Comments
 (0)