diff --git a/docs/reference/gtk/css-overview.xml b/docs/reference/gtk/css-overview.xml
index d5f7314ad4..4112047638 100644
--- a/docs/reference/gtk/css-overview.xml
+++ b/docs/reference/gtk/css-overview.xml
@@ -21,11 +21,6 @@ Overview of CSS in GTK+
Formatting conventions:
We use
-‑ U+2011 Non-breaking Hyphen
-
-to control line breaks in the Name and Value columns.
-We use
-
〈 U+2329 Left-pointing Angle Bracket
〉 U+232A Right-pointing Angle Bracket
@@ -381,31 +376,31 @@ checkbutton:indeterminate {
GTK+ uses the widget name as ID
- E:nth‑child(〈nth‑child〉)
+ E:nth-child(〈nth-child〉)
any E node which is the n-th child of its parent node
CSS
- E:nth‑last‑child(〈nth‑child〉)
+ E:nth-last-child(〈nth-child〉)
any E node which is the n-th child of its parent node, counting from the end
CSS
- E:first‑child
+ E:first-child
any E node which is the first child of its parent node
CSS
- E:last‑child
+ E:last-child
any E node which is the last child of its parent node
CSS
- E:only‑child
+ E:only-child
any E node which is the only child of its parent node
CSS
Equivalent to E:first-child:last-child
@@ -622,7 +617,7 @@ background-color: @bg_color;
〈linear gradient〉 = [ linear-gradient | repeating-linear-gradient ] (
[ [ 〈angle〉 | to 〈side or corner〉 ] , ]?
〈color stops〉 )
-〈radial gradient〉 = [ radial‑gradient | repeating‑radial‑gradient ] (
+〈radial gradient〉 = [ radial-gradient | repeating-radial-gradient ] (
[ [ 〈shape〉 || 〈size〉 ] [ at 〈position〉 ]? , | at 〈position〉, ]?
〈color stops〉 )
〈side or corner〉 = [ left | right ] || [ top | bottom ]
diff --git a/docs/reference/gtk/css-properties.xml b/docs/reference/gtk/css-properties.xml
index 2b8f202392..53d98ea098 100644
--- a/docs/reference/gtk/css-properties.xml
+++ b/docs/reference/gtk/css-properties.xml
@@ -21,11 +21,6 @@ GTK+ CSS Properties
Formatting conventions:
We use
-‑ U+2011 Non-breaking Hyphen
-
-to control line breaks in the Name and Value columns.
-We use
-
〈 U+2329 Left-pointing Angle Bracket
〉 U+232A Right-pointing Angle Bracket
@@ -166,7 +161,7 @@ We use for syntax productions, and each line is put in a
- font‑family
+ font-family
〈family name〉 [ , 〈family name〉 ]*
gtk-font-name setting
✓
@@ -176,7 +171,7 @@ We use for syntax productions, and each line is put in a
- font‑size
+ font-size
〈absolute size〉 | 〈relative size〉 | 〈length〉 | 〈percentage〉
gtk-font-name setting
✓
@@ -186,7 +181,7 @@ We use for syntax productions, and each line is put in a
- font‑style
+ font-style
normal | oblique | italic
normal
✓
@@ -196,7 +191,7 @@ We use for syntax productions, and each line is put in a
- font‑variant
+ font-variant
normal | small-caps
normal
✓
@@ -206,7 +201,7 @@ We use for syntax productions, and each line is put in a
only CSS2 values supported
- font‑weight
+ font-weight
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
normal
✓
@@ -216,7 +211,7 @@ We use for syntax productions, and each line is put in a
normal is synonymous with 400, bold with 700
- font‑stretch
+ font-stretch
ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded
normal
✓
@@ -225,7 +220,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑dpi
+ -gtk-dpi
〈number〉
screen resolution
✓
@@ -308,7 +303,7 @@ We use for syntax productions, and each line is put in a
- letter‑spacing
+ letter-spacing
〈length〉
0px
✓
@@ -317,7 +312,7 @@ We use for syntax productions, and each line is put in a
- text‑decoration‑line
+ text-decoration-line
none | underline | line-through
none
@@ -327,7 +322,7 @@ We use for syntax productions, and each line is put in a
CSS allows overline
- text‑decoration‑color
+ text-decoration-color
〈color〉
currentColor
@@ -336,7 +331,7 @@ We use for syntax productions, and each line is put in a
- text‑decoration‑style
+ text-decoration-style
solid | double | wavy
solid
@@ -345,7 +340,7 @@ We use for syntax productions, and each line is put in a
CSS allows dashed and dotted
- text‑shadow
+ text-shadow
none | 〈shadow〉
none
✓
@@ -361,7 +356,7 @@ We use for syntax productions, and each line is put in a
- text‑decoration
+ text-decoration
〈text-decoration-line〉 || 〈text-decoration-style〉 || 〈text-decoration-color〉
see individual properties
CSS3
@@ -389,7 +384,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑icon‑source
+ -gtk-icon-source
builtin | 〈image〉 | none
builtin
@@ -398,7 +393,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑icon‑transform
+ -gtk-icon-transform
none | 〈transform〉+
none
@@ -407,7 +402,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑icon‑style
+ -gtk-icon-style
requested | regular | symbolic
requested
✓
@@ -416,7 +411,7 @@ We use for syntax productions, and each line is put in a
Determines the preferred style for application-loaded icons
- ‑gtk‑icon‑theme
+ -gtk-icon-theme
〈name〉
current icon theme
✓
@@ -425,7 +420,7 @@ We use for syntax productions, and each line is put in a
The icon theme to use with -gtk-icontheme(). Since 3.20
- ‑gtk‑icon‑palette
+ -gtk-icon-palette
〈color palette〉
default
✓
@@ -434,7 +429,7 @@ We use for syntax productions, and each line is put in a
Used to recolor symbolic icons (both application-loaded and from -gtk-icontheme()). Since 3.20
- ‑gtk‑icon‑shadow
+ -gtk-icon-shadow
none | 〈shadow〉
none
✓
@@ -443,7 +438,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑icon‑effect
+ -gtk-icon-effect
none | highlight | dim
none
✓
@@ -494,7 +489,7 @@ We use for syntax productions, and each line is put in a
- min‑width
+ min-width
〈length〉
0px
@@ -504,7 +499,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages
- min‑height
+ min-height
〈length〉
0px
@@ -514,7 +509,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages
- margin‑top
+ margin-top
〈length〉
0px
@@ -524,7 +519,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages or auto
- margin‑right
+ margin-right
〈length〉
0px
@@ -534,7 +529,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages or auto
- margin‑bottom
+ margin-bottom
〈length〉
0px
@@ -544,7 +539,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages or auto
- margin‑left
+ margin-left
〈length〉
0px
@@ -554,7 +549,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages or auto
- padding‑top
+ padding-top
〈length〉
0px
@@ -564,7 +559,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages
- padding‑right
+ padding-right
〈length〉
0px
@@ -574,7 +569,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages
- padding‑bottom
+ padding-bottom
〈length〉
0px
@@ -584,7 +579,7 @@ We use for syntax productions, and each line is put in a
CSS allows percentages
- padding‑left
+ padding-left
〈length〉
0px
@@ -630,7 +625,7 @@ We use for syntax productions, and each line is put in a
- border‑top‑width
+ border-top-width
〈length〉
0px
@@ -640,7 +635,7 @@ We use for syntax productions, and each line is put in a
CSS allows other values
- border‑right‑width
+ border-right-width
〈length〉
0px
@@ -650,7 +645,7 @@ We use for syntax productions, and each line is put in a
CSS allows other values
- border‑bottom‑width
+ border-bottom-width
〈length〉
0px
@@ -660,7 +655,7 @@ We use for syntax productions, and each line is put in a
CSS allows other values
- border‑left‑width
+ border-left-width
〈length〉
0px
@@ -670,7 +665,7 @@ We use for syntax productions, and each line is put in a
CSS allows other values
- border‑top‑style
+ border-top-style
〈border style〉
none
@@ -680,7 +675,7 @@ We use for syntax productions, and each line is put in a
- border‑right‑style
+ border-right-style
〈border style〉
none
@@ -690,7 +685,7 @@ We use for syntax productions, and each line is put in a
- border‑bottom‑style
+ border-bottom-style
〈border style〉
none
@@ -700,7 +695,7 @@ We use for syntax productions, and each line is put in a
- border‑left‑style
+ border-left-style
〈border style〉
none
@@ -710,7 +705,7 @@ We use for syntax productions, and each line is put in a
- border‑top‑right‑radius
+ border-top-right-radius
〈corner radius〉
0
@@ -720,7 +715,7 @@ We use for syntax productions, and each line is put in a
- border‑bottom‑right‑radius
+ border-bottom-right-radius
〈corner radius〉
0
@@ -730,7 +725,7 @@ We use for syntax productions, and each line is put in a
- border‑bottom‑left‑radius
+ border-bottom-left-radius
〈corner radius〉
0
@@ -740,7 +735,7 @@ We use for syntax productions, and each line is put in a
- border‑top‑left‑radius
+ border-top-left-radius
〈corner radius〉
0
@@ -750,7 +745,7 @@ We use for syntax productions, and each line is put in a
- border‑top‑color
+ border-top-color
〈color〉
currentColor
@@ -760,7 +755,7 @@ We use for syntax productions, and each line is put in a
- border‑right‑color
+ border-right-color
〈color〉
currentColor
@@ -770,7 +765,7 @@ We use for syntax productions, and each line is put in a
- border‑bottom‑color
+ border-bottom-color
〈color〉
currentColor
@@ -780,7 +775,7 @@ We use for syntax productions, and each line is put in a
- border‑left‑color
+ border-left-color
〈color〉
currentColor
@@ -790,7 +785,7 @@ We use for syntax productions, and each line is put in a
- border‑image‑source
+ border-image-source
〈image〉 | none
none
@@ -799,7 +794,7 @@ We use for syntax productions, and each line is put in a
- border‑image‑repeat
+ border-image-repeat
〈border repeat〉{1,2}
stretch
@@ -808,7 +803,7 @@ We use for syntax productions, and each line is put in a
- border‑image‑slice
+ border-image-slice
[ 〈number〉 | 〈percentage〉 ]{1,4} && fill?
100%
@@ -817,7 +812,7 @@ We use for syntax productions, and each line is put in a
a 'four sides' shorthand
- border‑image‑width
+ border-image-width
[ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4}
1
@@ -834,7 +829,7 @@ We use for syntax productions, and each line is put in a
- border‑width
+ border-width
〈length〉{1,4}
see individual properties
CSS2,
@@ -842,7 +837,7 @@ We use for syntax productions, and each line is put in a
a 'four sides' shorthand
- border‑style
+ border-style
〈border style〉{1,4}
see individual properties
CSS2,
@@ -850,14 +845,14 @@ We use for syntax productions, and each line is put in a
a 'four sides' shorthand
- border‑color
+ border-color
〈color〉{1,4}
see individual properties
CSS3
a 'four sides' shorthand
- border‑top
+ border-top
〈length〉 || 〈border style〉 || 〈color〉
see individual properties
CSS2,
@@ -865,7 +860,7 @@ We use for syntax productions, and each line is put in a
- border‑left
+ border-left
〈length〉 || 〈border style〉 || 〈color〉
see individual properties
CSS2,
@@ -873,7 +868,7 @@ We use for syntax productions, and each line is put in a
- border‑bottom
+ border-bottom
〈length〉 || 〈border style〉 || 〈color〉
see individual properties
CSS2,
@@ -881,7 +876,7 @@ We use for syntax productions, and each line is put in a
- border‑right
+ border-right
〈length〉 || 〈border style〉 || 〈color〉
see individual properties
CSS2,
@@ -897,14 +892,14 @@ We use for syntax productions, and each line is put in a
- border‑radius
+ border-radius
[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage〉 ]{1,4} ]?
see individual properties
CSS3
- border‑image
+ border-image
〈border-image-source〉 || 〈border-image-slice〉 [ / 〈border-image-width〉 | / 〈border-image-width〉? / 〈border-image-outset〉 ]? || 〈border-image-repeat〉
see individual properties
CSS3
@@ -928,7 +923,7 @@ We use for syntax productions, and each line is put in a
- outline‑style
+ outline-style
none | solid | inset | outset | hidden | dotted | dashed | double | groove | ridge
none
@@ -938,7 +933,7 @@ We use for syntax productions, and each line is put in a
- outline‑width
+ outline-width
〈length〉
0px
@@ -948,7 +943,7 @@ We use for syntax productions, and each line is put in a
- outline‑color
+ outline-color
〈color〉
currentColor
@@ -958,7 +953,7 @@ We use for syntax productions, and each line is put in a
- outline‑offset
+ outline-offset
〈length〉
0px
@@ -967,7 +962,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑outline‑top‑left‑radius
+ -gtk-outline-top-left-radius
〈corner radius〉
0
@@ -976,7 +971,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑outline‑top‑right‑radius
+ -gtk-outline-top-right-radius
〈corner radius〉
0
@@ -985,7 +980,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑outline‑bottom‑right‑radius
+ -gtk-outline-bottom-right-radius
〈corner radius〉
0
@@ -994,7 +989,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑outline‑bottom‑left‑radius
+ -gtk-outline-bottom-left-radius
〈corner radius〉
0
@@ -1018,7 +1013,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑outline‑radius
+ -gtk-outline-radius
[ 〈length〉|〈percentage〉 ]{1,4} [ / [〈length〉 | 〈percentage〉 ]{1,4} ]?
see individual properties
@@ -1042,7 +1037,7 @@ We use for syntax productions, and each line is put in a
- background‑color
+ background-color
〈color〉
rgba(0,0,0,0)
@@ -1052,7 +1047,7 @@ We use for syntax productions, and each line is put in a
- background‑clip
+ background-clip
〈box〉 [ , 〈box〉 ]*
border-box
@@ -1061,7 +1056,7 @@ We use for syntax productions, and each line is put in a
- background‑origin
+ background-origin
〈box〉 [ , 〈box〉 ]*
padding-box
@@ -1070,7 +1065,7 @@ We use for syntax productions, and each line is put in a
- background‑size
+ background-size
〈bg-size〉 [ , 〈bg-size〉 ]*
auto
@@ -1079,7 +1074,7 @@ We use for syntax productions, and each line is put in a
- background‑position
+ background-position
〈position〉 [ , 〈position〉 ]*
0
@@ -1089,7 +1084,7 @@ We use for syntax productions, and each line is put in a
- background‑repeat
+ background-repeat
〈bg-repeat 〉[ , 〈bg-repeat〉 ]*
repeat
@@ -1099,7 +1094,7 @@ We use for syntax productions, and each line is put in a
- background‑image
+ background-image
〈bg-image〉[ , 〈bg-image〉 ]*
none
@@ -1118,7 +1113,7 @@ We use for syntax productions, and each line is put in a
only affects multiple backgrounds
- box‑shadow
+ box-shadow
none | 〈box shadow〉 [ , 〈box shadow〉 ]*
none
@@ -1175,7 +1170,7 @@ We use for syntax productions, and each line is put in a
- transition‑property
+ transition-property
none | all | 〈property name〉 [ , 〈property name〉 ]*
all
@@ -1184,7 +1179,7 @@ We use for syntax productions, and each line is put in a
- transition‑duration
+ transition-duration
〈time〉 [ , 〈time〉 ]*
0s
@@ -1193,8 +1188,8 @@ We use for syntax productions, and each line is put in a
- transition‑timing‑function
- 〈single‑timing‑function〉[ , 〈single‑timing‑function〉 ]*
+ transition-timing-function
+ 〈single-timing-function〉[ , 〈single-timing-function〉 ]*
ease
@@ -1202,7 +1197,7 @@ We use for syntax productions, and each line is put in a
- transition‑delay
+ transition-delay
〈time〉 [ , 〈time〉 ]*
0s
@@ -1244,7 +1239,7 @@ We use for syntax productions, and each line is put in a
- animation‑name
+ animation-name
〈single-animation-name〉 [ , 〈single-animation-name〉 ]*
none
@@ -1253,7 +1248,7 @@ We use for syntax productions, and each line is put in a
- animation‑duration
+ animation-duration
〈time〉 [ , 〈time〉 ]*
0s
@@ -1262,8 +1257,8 @@ We use for syntax productions, and each line is put in a
- animation‑timing‑function
- 〈single‑timing‑function〉 [ , 〈single‑timing‑function〉 ]*
+ animation-timing-function
+ 〈single-timing-function〉 [ , 〈single-timing-function〉 ]*
ease
@@ -1271,8 +1266,8 @@ We use for syntax productions, and each line is put in a
- animation‑iteration-count
- 〈single‑animation‑iteration‑count〉 [ , 〈single‑animation‑iteration‑count〉 ]*
+ animation-iteration-count
+ 〈single-animation-iteration-count〉 [ , 〈single-animation-iteration-count〉 ]*
1
@@ -1280,8 +1275,8 @@ We use for syntax productions, and each line is put in a
- animation‑direction
- 〈single‑animation‑direction〉 [ , 〈single‑animation‑direction〉 ]*
+ animation-direction
+ 〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]*
normal
@@ -1289,8 +1284,8 @@ We use for syntax productions, and each line is put in a
- animation‑play‑state
- 〈single‑animation‑play‑state〉 [ , 〈single‑animation‑play‑state〉 ]*
+ animation-play-state
+ 〈single-animation-play-state〉 [ , 〈single-animation-play-state〉 ]*
running
@@ -1298,7 +1293,7 @@ We use for syntax productions, and each line is put in a
- animation‑delay
+ animation-delay
〈time〉 [ , 〈time〉 ]*
0s
@@ -1307,8 +1302,8 @@ We use for syntax productions, and each line is put in a
- animation‑fill‑mode
- 〈single‑animation‑fill‑mode〉 [ , 〈single‑animation‑fill‑mode〉 ]*
+ animation-fill-mode
+ 〈single-animation-fill-mode〉 [ , 〈single-animation-fill-mode〉 ]*
none
@@ -1324,7 +1319,7 @@ We use for syntax productions, and each line is put in a
animation
- 〈single‑animation〉 [ , 〈single‑animation〉]*
+ 〈single-animation〉 [ , 〈single-animation〉]*
see individual properties
CSS3
@@ -1352,7 +1347,7 @@ We use for syntax productions, and each line is put in a
- ‑gtk‑key‑bindings
+ -gtk-key-bindings
none | 〈binding name〉 [ , 〈binding name〉 ]*
none