AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

css docs: Get rid of non-breaking hyphens

Browse Source 
Signed-off-by: Arnaud Rebillout <elboulangero@gmail.com>

https://bugzilla.gnome.org/show_bug.cgi?id=791710
This commit is contained in:
Arnaud Rebillout 2017-12-16 21:47:34 +07:00 committed by Matthias Clasen
parent 3c7c4a019c
commit 98a28f4168
2 changed files with 104 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/reference/gtk/css-overview.xml
View File

@ -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 {
<entry>GTK+ uses the widget name as ID</entry>
</row>
<row>
<entry>E:nth‑child(〈nth‑child〉)</entry>
<entry>E:nth-child(〈nth-child〉)</entry>
<entry>any E node which is the n-th child of its parent node</entry>
<entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
<entry></entry>
</row>
<row>
<entry>E:nth‑last‑child(〈nth‑child〉)</entry>
<entry>E:nth-last-child(〈nth-child〉)</entry>
<entry>any E node which is the n-th child of its parent node, counting from the end</entry>
<entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
<entry></entry>
</row>
<row>
<entry>E:first‑child</entry>
<entry>E:first-child</entry>
<entry>any E node which is the first child of its parent node</entry>
<entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
<entry></entry>
</row>
<row>
<entry>E:last‑child</entry>
<entry>E:last-child</entry>
<entry>any E node which is the last child of its parent node</entry>
<entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
<entry></entry>
</row>
<row>
<entry>E:only‑child</entry>
<entry>E:only-child</entry>
<entry>any E node which is the only child of its parent node</entry>
<entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
<entry>Equivalent to E:first-child:last-child</entry>
@ -622,7 +617,7 @@ background-color: @bg_color;
<code>〈linear gradient〉 = [ linear-gradient | repeating-linear-gradient ] (</code>
<code> [ [ 〈angle〉 | to 〈side or corner〉 ] , ]?</code>
<code> 〈color stops〉 )</code>
<code>〈radial gradient〉 = [ radial‑gradient | repeating‑radial‑gradient ] (</code>
<code>〈radial gradient〉 = [ radial-gradient | repeating-radial-gradient ] (</code>
<code> [ [ 〈shape〉 || 〈size〉 ] [ at 〈position〉 ]? , | at 〈position〉, ]?</code>
<code> 〈color stops〉 )</code>
<code>〈side or corner〉 = [ left | right ] || [ top | bottom ]</code>

201
docs/reference/gtk/css-properties.xml
View File

@ -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
@ -187,7 +182,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>font‑family</entry>
<entry>font-family</entry>
<entry><code>〈family name〉 [ , 〈family name〉 ]*</code></entry>
<entry>gtk-font-name setting</entry>
<entry>✓</entry>
@ -197,7 +192,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>font‑size</entry>
<entry>font-size</entry>
<entry><code>〈absolute size〉 | 〈relative size〉 | 〈length〉 | 〈percentage〉</code></entry>
<entry>gtk-font-name setting</entry>
<entry>✓</entry>
@ -207,7 +202,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>font‑style</entry>
<entry>font-style</entry>
<entry><code>normal | oblique | italic</code></entry>
<entry><code>normal</code></entry>
<entry>✓</entry>
@ -217,7 +212,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>font‑variant</entry>
<entry>font-variant</entry>
<entry><code>normal | small-caps</code></entry>
<entry><code>normal</code></entry>
<entry>✓</entry>
@ -227,7 +222,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>only CSS2 values supported</entry>
</row>
<row>
<entry>font‑weight</entry>
<entry>font-weight</entry>
<entry><code>normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900</code></entry>
<entry><code>normal</code></entry>
<entry>✓</entry>
@ -237,7 +232,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>normal is synonymous with 400, bold with 700</entry>
</row>
<row>
<entry>font‑stretch</entry>
<entry>font-stretch</entry>
<entry><code>ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded</code></entry>
<entry><code>normal</code></entry>
<entry>✓</entry>
@ -246,7 +241,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑dpi</entry>
<entry>-gtk-dpi</entry>
<entry><code>〈number〉</code></entry>
<entry>screen resolution</entry>
<entry>✓</entry>
@ -418,7 +413,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>letter‑spacing</entry>
<entry>letter-spacing</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry>✓</entry>
@ -427,7 +422,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>text‑decoration‑line</entry>
<entry>text-decoration-line</entry>
<entry><code>none | underline | line-through</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -437,7 +432,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows overline</entry>
</row>
<row>
<entry>text‑decoration‑color</entry>
<entry>text-decoration-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -446,7 +441,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>text‑decoration‑style</entry>
<entry>text-decoration-style</entry>
<entry><code>solid | double | wavy</code></entry>
<entry><code>solid</code></entry>
<entry></entry>
@ -455,7 +450,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows dashed and dotted</entry>
</row>
<row>
<entry>text‑shadow</entry>
<entry>text-shadow</entry>
<entry><code>none | 〈shadow〉</code></entry>
<entry><code>none</code></entry>
<entry>✓</entry>
@ -471,7 +466,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>text‑decoration</entry>
<entry>text-decoration</entry>
<entry><code>〈text-decoration-line〉 || 〈text-decoration-style〉 || 〈text-decoration-color〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/css-text-decor-3/#text-decoration-property">CSS3</ulink></entry>
@ -499,7 +494,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>‑gtk‑icon‑source</entry>
<entry>-gtk-icon-source</entry>
<entry><code>builtin | 〈image〉 | none</code></entry>
<entry><code>builtin</code></entry>
<entry></entry>
@ -508,7 +503,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑icon‑transform</entry>
<entry>-gtk-icon-transform</entry>
<entry><code>none | 〈transform〉+</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -517,7 +512,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑icon‑style</entry>
<entry>-gtk-icon-style</entry>
<entry><code>requested | regular | symbolic</code></entry>
<entry><code>requested</code></entry>
<entry>✓</entry>
@ -526,7 +521,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>Determines the preferred style for application-loaded icons</entry>
</row>
<row>
<entry>‑gtk‑icon‑theme</entry>
<entry>-gtk-icon-theme</entry>
<entry><code>〈name〉</code></entry>
<entry>current icon theme</entry>
<entry>✓</entry>
@ -535,7 +530,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>The icon theme to use with -gtk-icontheme(). Since 3.20</entry>
</row>
<row>
<entry>‑gtk‑icon‑palette</entry>
<entry>-gtk-icon-palette</entry>
<entry><code>〈color palette〉</code></entry>
<entry><code>default</code></entry>
<entry>✓</entry>
@ -544,7 +539,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>Used to recolor symbolic icons (both application-loaded and from -gtk-icontheme()). Since 3.20</entry>
</row>
<row>
<entry>‑gtk‑icon‑shadow</entry>
<entry>-gtk-icon-shadow</entry>
<entry><code>none | 〈shadow〉</code></entry>
<entry><code>none</code></entry>
<entry>✓</entry>
@ -553,7 +548,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑icon‑filter</entry>
<entry>-gtk-icon-filter</entry>
<entry><code>none | 〈filter-function-list〉</code></entry>
<entry><code>none</code></entry>
<entry>✓</entry>
@ -562,7 +557,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑icon‑size</entry>
<entry>-gtk-icon-size</entry>
<entry><code>〈length〉</code></entry>
<entry><code>none</code></entry>
<entry>✓</entry>
@ -619,7 +614,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>min‑width</entry>
<entry>min-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -629,7 +624,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages</entry>
</row>
<row>
<entry>min‑height</entry>
<entry>min-height</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -639,7 +634,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages</entry>
</row>
<row>
<entry>margin‑top</entry>
<entry>margin-top</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -649,7 +644,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages or auto</entry>
</row>
<row>
<entry>margin‑right</entry>
<entry>margin-right</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -659,7 +654,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages or auto</entry>
</row>
<row>
<entry>margin‑bottom</entry>
<entry>margin-bottom</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -669,7 +664,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages or auto</entry>
</row>
<row>
<entry>margin‑left</entry>
<entry>margin-left</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -679,7 +674,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages or auto</entry>
</row>
<row>
<entry>padding‑top</entry>
<entry>padding-top</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -689,7 +684,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages</entry>
</row>
<row>
<entry>padding‑right</entry>
<entry>padding-right</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -699,7 +694,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages</entry>
</row>
<row>
<entry>padding‑bottom</entry>
<entry>padding-bottom</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -709,7 +704,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows percentages</entry>
</row>
<row>
<entry>padding‑left</entry>
<entry>padding-left</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -755,7 +750,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>border‑top‑width</entry>
<entry>border-top-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -765,7 +760,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows other values</entry>
</row>
<row>
<entry>border‑right‑width</entry>
<entry>border-right-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -775,7 +770,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows other values</entry>
</row>
<row>
<entry>border‑bottom‑width</entry>
<entry>border-bottom-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -785,7 +780,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows other values</entry>
</row>
<row>
<entry>border‑right‑width</entry>
<entry>border-right-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -795,7 +790,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>CSS allows other values</entry>
</row>
<row>
<entry>border‑top‑style</entry>
<entry>border-top-style</entry>
<entry><code>〈border style〉</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -805,7 +800,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑right‑style</entry>
<entry>border-right-style</entry>
<entry><code>〈border style〉</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -815,7 +810,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑bottom‑style</entry>
<entry>border-bottom-style</entry>
<entry><code>〈border style〉</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -825,7 +820,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑left‑style</entry>
<entry>border-left-style</entry>
<entry><code>〈border style〉</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -835,7 +830,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑top‑right‑radius</entry>
<entry>border-top-right-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -845,7 +840,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑bottom‑right‑radius</entry>
<entry>border-bottom-right-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -855,7 +850,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑bottom‑left‑radius</entry>
<entry>border-bottom-left-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -865,7 +860,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑top‑left‑radius</entry>
<entry>border-top-left-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -875,7 +870,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑top‑color</entry>
<entry>border-top-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -885,7 +880,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑right‑color</entry>
<entry>border-right-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -895,7 +890,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑bottom‑color</entry>
<entry>border-bottom-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -905,7 +900,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑left‑color</entry>
<entry>border-left-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -915,7 +910,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑image‑source</entry>
<entry>border-image-source</entry>
<entry><code>〈image〉 | none</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -924,7 +919,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑image‑repeat</entry>
<entry>border-image-repeat</entry>
<entry><code>〈border repeat〉{1,2}</code></entry>
<entry><code>stretch</code></entry>
<entry></entry>
@ -933,7 +928,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑image‑slice</entry>
<entry>border-image-slice</entry>
<entry><code>[ 〈number〉 | 〈percentage〉 ]{1,4} &amp;&amp; fill?</code></entry>
<entry><code>100%</code></entry>
<entry></entry>
@ -942,7 +937,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>a 'four sides' shorthand</entry>
</row>
<row>
<entry>border‑image‑width</entry>
<entry>border-image-width</entry>
<entry><code>[ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4}</code></entry>
<entry><code>1</code></entry>
<entry></entry>
@ -959,7 +954,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>border‑width</entry>
<entry>border-width</entry>
<entry><code>〈length〉{1,4}</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-width">CSS2</ulink>,
@ -967,7 +962,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>a 'four sides' shorthand</entry>
</row>
<row>
<entry>border‑style</entry>
<entry>border-style</entry>
<entry><code>〈border style〉{1,4}</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-style">CSS2</ulink>,
@ -975,14 +970,14 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>a 'four sides' shorthand</entry>
</row>
<row>
<entry>border‑color</entry>
<entry>border-color</entry>
<entry><code>〈color〉{1,4}</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/css3-background/#border-color">CSS3</ulink></entry>
<entry>a 'four sides' shorthand</entry>
</row>
<row>
<entry>border‑top</entry>
<entry>border-top</entry>
<entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-top">CSS2</ulink>,
@ -990,7 +985,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑left</entry>
<entry>border-left</entry>
<entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-left">CSS2</ulink>,
@ -998,7 +993,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑bottom</entry>
<entry>border-bottom</entry>
<entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-bottom">CSS2</ulink>,
@ -1006,7 +1001,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑right</entry>
<entry>border-right</entry>
<entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-right">CSS2</ulink>,
@ -1022,14 +1017,14 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>border‑radius</entry>
<entry>border-radius</entry>
<entry><code>[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage〉 ]{1,4} ]?</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/css3-background/#border-radius">CSS3</ulink></entry>
<entry></entry>
</row>
<row>
<entry>border‑image</entry>
<entry>border-image</entry>
<entry><code>〈border-image-source〉 || 〈border-image-slice〉 [ / 〈border-image-width〉 | / 〈border-image-width〉? / 〈border-image-outset〉 ]? || 〈border-image-repeat〉</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/css3-background/#border-image">CSS3</ulink></entry>
@ -1053,7 +1048,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>outline‑style</entry>
<entry>outline-style</entry>
<entry><code>none | solid | inset | outset | hidden | dotted | dashed | double | groove | ridge</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -1063,7 +1058,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>outline‑width</entry>
<entry>outline-width</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -1073,7 +1068,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>outline‑color</entry>
<entry>outline-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>currentColor</code></entry>
<entry></entry>
@ -1083,7 +1078,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>outline‑offset</entry>
<entry>outline-offset</entry>
<entry><code>〈length〉</code></entry>
<entry><code>0px</code></entry>
<entry></entry>
@ -1092,7 +1087,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑outline‑top‑left‑radius</entry>
<entry>-gtk-outline-top-left-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -1101,7 +1096,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑outline‑top‑right‑radius</entry>
<entry>-gtk-outline-top-right-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -1110,7 +1105,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑outline‑bottom‑right‑radius</entry>
<entry>-gtk-outline-bottom-right-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -1119,7 +1114,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑outline‑bottom‑left‑radius</entry>
<entry>-gtk-outline-bottom-left-radius</entry>
<entry><code>〈corner radius〉</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -1143,7 +1138,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>‑gtk‑outline‑radius</entry>
<entry>-gtk-outline-radius</entry>
<entry><code>[ 〈length〉|〈percentage〉 ]{1,4} [ / [〈length〉 | 〈percentage〉 ]{1,4} ]?</code></entry>
<entry>see individual properties</entry>
<entry></entry>
@ -1167,7 +1162,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>background‑color</entry>
<entry>background-color</entry>
<entry><code>〈color〉</code></entry>
<entry><code>rgba(0,0,0,0)</code></entry>
<entry></entry>
@ -1177,7 +1172,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑clip</entry>
<entry>background-clip</entry>
<entry><code>〈box〉 [ , 〈box〉 ]*</code></entry>
<entry><code>border-box</code></entry>
<entry></entry>
@ -1186,7 +1181,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑origin</entry>
<entry>background-origin</entry>
<entry><code>〈box〉 [ , 〈box〉 ]*</code></entry>
<entry><code>padding-box</code></entry>
<entry></entry>
@ -1195,7 +1190,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑size</entry>
<entry>background-size</entry>
<entry><code>〈bg-size〉 [ , 〈bg-size〉 ]*</code></entry>
<entry><code>auto</code></entry>
<entry></entry>
@ -1204,7 +1199,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑position</entry>
<entry>background-position</entry>
<entry><code>〈position〉 [ , 〈position〉 ]*</code></entry>
<entry><code>0</code></entry>
<entry></entry>
@ -1214,7 +1209,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑repeat</entry>
<entry>background-repeat</entry>
<entry><code>〈bg-repeat 〉[ , 〈bg-repeat〉 ]*</code></entry>
<entry><code>repeat</code></entry>
<entry></entry>
@ -1224,7 +1219,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>background‑image</entry>
<entry>background-image</entry>
<entry><code>〈bg-image〉[ , 〈bg-image〉 ]*</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -1243,7 +1238,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry>only affects multiple backgrounds</entry>
</row>
<row>
<entry>box‑shadow</entry>
<entry>box-shadow</entry>
<entry><code>none | 〈box shadow〉 [ , 〈box shadow〉 ]*</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -1300,7 +1295,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>transition‑property</entry>
<entry>transition-property</entry>
<entry><code>none | all | 〈property name〉 [ , 〈property name〉 ]*</code></entry>
<entry><code>all</code></entry>
<entry></entry>
@ -1309,7 +1304,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>transition‑duration</entry>
<entry>transition-duration</entry>
<entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
<entry><code>0s</code></entry>
<entry></entry>
@ -1318,8 +1313,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>transition‑timing‑function</entry>
<entry><code>〈single‑timing‑function〉[ , 〈single‑timing‑function〉 ]*</code></entry>
<entry>transition-timing-function</entry>
<entry><code>〈single-timing-function〉[ , 〈single-timing-function〉 ]*</code></entry>
<entry><code>ease</code></entry>
<entry></entry>
<entry></entry>
@ -1327,7 +1322,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>transition‑delay</entry>
<entry>transition-delay</entry>
<entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
<entry><code>0s</code></entry>
<entry></entry>
@ -1369,7 +1364,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>animation‑name</entry>
<entry>animation-name</entry>
<entry><code>〈single-animation-name〉 [ , 〈single-animation-name〉 ]*</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -1378,7 +1373,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑duration</entry>
<entry>animation-duration</entry>
<entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
<entry><code>0s</code></entry>
<entry></entry>
@ -1387,8 +1382,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑timing‑function</entry>
<entry><code>〈single‑timing‑function〉 [ , 〈single‑timing‑function〉 ]*</code></entry>
<entry>animation-timing-function</entry>
<entry><code>〈single-timing-function〉 [ , 〈single-timing-function〉 ]*</code></entry>
<entry><code>ease</code></entry>
<entry></entry>
<entry></entry>
@ -1396,8 +1391,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑iteration-count</entry>
<entry><code>〈single‑animation‑iteration‑count〉 [ , 〈single‑animation‑iteration‑count〉 ]*</code></entry>
<entry>animation-iteration-count</entry>
<entry><code>〈single-animation-iteration-count〉 [ , 〈single-animation-iteration-count〉 ]*</code></entry>
<entry><code>1</code></entry>
<entry></entry>
<entry></entry>
@ -1405,8 +1400,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑direction</entry>
<entry><code>〈single‑animation‑direction〉 [ , 〈single‑animation‑direction〉 ]*</code></entry>
<entry>animation-direction</entry>
<entry><code>〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]*</code></entry>
<entry><code>normal</code></entry>
<entry></entry>
<entry></entry>
@ -1414,8 +1409,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑play‑state</entry>
<entry><code>〈single‑animation‑play‑state〉 [ , 〈single‑animation‑play‑state〉 ]*</code></entry>
<entry>animation-play-state</entry>
<entry><code>〈single-animation-play-state〉 [ , 〈single-animation-play-state〉 ]*</code></entry>
<entry><code>running</code></entry>
<entry></entry>
<entry></entry>
@ -1423,7 +1418,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑delay</entry>
<entry>animation-delay</entry>
<entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
<entry><code>0s</code></entry>
<entry></entry>
@ -1432,8 +1427,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<entry></entry>
</row>
<row>
<entry>animation‑fill‑mode</entry>
<entry><code>〈single‑animation‑fill‑mode〉 [ , 〈single‑animation‑fill‑mode〉 ]*</code></entry>
<entry>animation-fill-mode</entry>
<entry><code>〈single-animation-fill-mode〉 [ , 〈single-animation-fill-mode〉 ]*</code></entry>
<entry><code>none</code></entry>
<entry></entry>
<entry></entry>
@ -1449,7 +1444,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
<tbody>
<row>
<entry>animation</entry>
<entry><code>〈single‑animation〉 [ , 〈single‑animation〉]*</code></entry>
<entry><code>〈single-animation〉 [ , 〈single-animation〉]*</code></entry>
<entry>see individual properties</entry>
<entry><ulink url="https://www.w3.org/TR/css3-animations/#animation">CSS3</ulink></entry>
<entry></entry>
@ -1477,7 +1472,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>‑gtk‑key‑bindings</entry>
<entry>-gtk-key-bindings</entry>
<entry><code>none | 〈binding name〉 [ , 〈binding name〉 ]*</code></entry>
<entry><code>none</code></entry>
<entry></entry>
@ -1503,7 +1498,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
</thead>
<tbody>
<row>
<entry>border‑spacing</entry>
<entry>border-spacing</entry>
<entry><code>〈length〉{1,2}</code></entry>
<entry><code>0</code></entry>
<entry>✓</entry>