New upstream version 3.22.28

This commit is contained in:
Jeremy Bicha
2018-02-15 04:41:25 -05:00
652 changed files with 498643 additions and 49781 deletions

View File

@ -2,13 +2,13 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>GTK+ CSS: GTK+ 3 Reference Manual</title>
<title>GTK+ CSS Properties: GTK+ 3 Reference Manual</title>
<meta name="generator" content="DocBook XSL Stylesheets Vsnapshot">
<link rel="home" href="index.html" title="GTK+ 3 Reference Manual">
<link rel="up" href="theming.html" title="Part IV. Theming in GTK+">
<link rel="prev" href="chap-css-overview.html" title="GTK+ CSS">
<link rel="prev" href="chap-css-overview.html" title="GTK+ CSS Overview">
<link rel="next" href="GtkStyleContext.html" title="GtkStyleContext">
<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@ -23,9 +23,9 @@
<a name="chap-css-properties"></a><div class="titlepage"></div>
<div class="refnamediv"><table width="100%"><tr>
<td valign="top">
<h2><span class="refentrytitle">GTK+ CSS</span></h2>
<p>GTK+ CSS —
GTK+ CSS Properties
<h2><span class="refentrytitle">GTK+ CSS Properties</span></h2>
<p>GTK+ CSS Properties
CSS Properties in GTK+
</p>
</td>
<td class="gallery_image" valign="top" align="right"></td>
@ -63,11 +63,12 @@ GTK+ CSS Properties
theme size:
</p>
<div class="literallayout"><p><br>
<code class="code">〈win32 theme size〉 = 〈win32 size〉| 〈win32 part size〉</code><br>
<code class="code">〈win32 theme size〉 = 〈win32 size〉 | 〈win32 part size〉</code><br>
<code class="code">〈win32 size〉 = -gtk-win32-size ( 〈theme name〉, 〈metric id〉 )</code><br>
<code class="code">〈win32 part size〉 = [ -gtk-win32-part-width | -gtk-win32-part-height |</code><br>
<code class="code">                         -gtk-win32-part-border-top | -gtk-win32-part-border-right |</code><br>
<code class="code">                         -gtk-win32-part-border-bottom | -gtk-win32-part-border-left ] ( 〈theme name〉 , 〈integer〉 , 〈integer〉 )</code><br>
<code class="code">                      -gtk-win32-part-border-top | -gtk-win32-part-border-right |</code><br>
<code class="code">                      -gtk-win32-part-border-bottom | -gtk-win32-part-border-left ]</code><br>
<code class="code">                    ( 〈theme name〉 , 〈integer〉 , 〈integer〉 )</code><br>
</p></div>
<div class="literallayout"><p><code class="code">〈calc expression〉 = calc( 〈calc sum〉 )</code><br>
<code class="code">〈calc sum〉 = 〈calc product〉 [ [ + | - ] 〈calc product〉 ]*</code><br>
@ -136,7 +137,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>color</td>
<td><span class="nowrap">color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">rgba(1,1,1,1)</code></td>
<td align="center"></td>
@ -148,7 +149,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>opacity</td>
<td><span class="nowrap">opacity</span></td>
<td><code class="code">〈alpha value〉</code></td>
<td><code class="code">1</code></td>
<td align="center"> </td>
@ -188,7 +189,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>fontfamily</td>
<td><span class="nowrap">font-family</span></td>
<td><code class="code">〈family name〉 [ , 〈family name〉 ]*</code></td>
<td>gtk-font-name setting</td>
<td align="center"></td>
@ -200,7 +201,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>fontsize</td>
<td><span class="nowrap">font-size</span></td>
<td><code class="code">〈absolute size〉 | 〈relative size〉 | 〈length〉 | 〈percentage〉</code></td>
<td>gtk-font-name setting</td>
<td align="center"></td>
@ -212,7 +213,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>fontstyle</td>
<td><span class="nowrap">font-style</span></td>
<td><code class="code">normal | oblique | italic</code></td>
<td><code class="code">normal</code></td>
<td align="center"></td>
@ -224,7 +225,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>fontvariant</td>
<td><span class="nowrap">font-variant</span></td>
<td><code class="code">normal | small-caps</code></td>
<td><code class="code">normal</code></td>
<td align="center"></td>
@ -236,7 +237,7 @@ GTK+ CSS Properties
<td>only CSS2 values supported</td>
</tr>
<tr>
<td>fontweight</td>
<td><span class="nowrap">font-weight</span></td>
<td><code class="code">normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900</code></td>
<td><code class="code">normal</code></td>
<td align="center"></td>
@ -248,7 +249,7 @@ GTK+ CSS Properties
<td>normal is synonymous with 400, bold with 700</td>
</tr>
<tr>
<td>fontstretch</td>
<td><span class="nowrap">font-stretch</span></td>
<td><code class="code">ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded</code></td>
<td><code class="code">normal</code></td>
<td align="center"></td>
@ -257,7 +258,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkdpi</td>
<td><span class="nowrap">-gtk-dpi</span></td>
<td><code class="code">〈number〉</code></td>
<td>screen resolution</td>
<td align="center"></td>
@ -283,7 +284,7 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td>font</td>
<td><span class="nowrap">font</span></td>
<td><code class="code">[ 〈font-style〉 || 〈font-variant〉 || 〈font-weight〉 || 〈font-stretch〉 ]? 〈font-size〉 〈font-family〉</code></td>
<td>see individual properties</td>
<td>
@ -326,7 +327,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>caret-color</td>
<td><span class="nowrap">caret-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"></td>
@ -335,7 +336,7 @@ GTK+ CSS Properties
<td>CSS allows an auto value</td>
</tr>
<tr>
<td>-gtk-secondary-caret-color</td>
<td><span class="nowrap">-gtk-secondary-caret-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"></td>
@ -374,7 +375,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>letterspacing</td>
<td><span class="nowrap">letter-spacing</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"></td>
@ -383,7 +384,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>textdecorationline</td>
<td><span class="nowrap">text-decoration-line</span></td>
<td><code class="code">none | underline | line-through</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -395,7 +396,7 @@ GTK+ CSS Properties
<td>CSS allows overline</td>
</tr>
<tr>
<td>textdecorationcolor</td>
<td><span class="nowrap">text-decoration-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -404,7 +405,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>textdecorationstyle</td>
<td><span class="nowrap">text-decoration-style</span></td>
<td><code class="code">solid | double | wavy</code></td>
<td><code class="code">solid</code></td>
<td align="center"> </td>
@ -413,7 +414,7 @@ GTK+ CSS Properties
<td>CSS allows dashed and dotted</td>
</tr>
<tr>
<td>textshadow</td>
<td><span class="nowrap">text-shadow</span></td>
<td><code class="code">none | 〈shadow〉</code></td>
<td><code class="code">none</code></td>
<td align="center"></td>
@ -439,7 +440,7 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td>textdecoration</td>
<td><span class="nowrap">text-decoration</span></td>
<td><code class="code">〈text-decoration-line〉 || 〈text-decoration-style〉 || 〈text-decoration-color〉</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-property" target="_top">CSS3</a></td>
@ -477,7 +478,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>gtkiconsource</td>
<td><span class="nowrap">-gtk-icon-source</span></td>
<td><code class="code">builtin | 〈image〉 | none</code></td>
<td><code class="code">builtin</code></td>
<td align="center"> </td>
@ -486,7 +487,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkicontransform</td>
<td><span class="nowrap">-gtk-icon-transform</span></td>
<td><code class="code">none | 〈transform〉+</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -495,7 +496,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkiconstyle</td>
<td><span class="nowrap">-gtk-icon-style</span></td>
<td><code class="code">requested | regular | symbolic</code></td>
<td><code class="code">requested</code></td>
<td align="center"></td>
@ -504,7 +505,7 @@ GTK+ CSS Properties
<td>Determines the preferred style for application-loaded icons</td>
</tr>
<tr>
<td>gtkicontheme</td>
<td><span class="nowrap">-gtk-icon-theme</span></td>
<td><code class="code">〈name〉</code></td>
<td>current icon theme</td>
<td align="center"></td>
@ -513,7 +514,7 @@ GTK+ CSS Properties
<td>The icon theme to use with -gtk-icontheme(). Since 3.20</td>
</tr>
<tr>
<td>gtkiconpalette</td>
<td><span class="nowrap">-gtk-icon-palette</span></td>
<td><code class="code">〈color palette〉</code></td>
<td><code class="code">default</code></td>
<td align="center"></td>
@ -522,7 +523,7 @@ GTK+ CSS Properties
<td>Used to recolor symbolic icons (both application-loaded and from -gtk-icontheme()). Since 3.20</td>
</tr>
<tr>
<td>gtkiconshadow</td>
<td><span class="nowrap">-gtk-icon-shadow</span></td>
<td><code class="code">none | 〈shadow〉</code></td>
<td><code class="code">none</code></td>
<td align="center"></td>
@ -531,7 +532,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkiconeffect</td>
<td><span class="nowrap">-gtk-icon-effect</span></td>
<td><code class="code">none | highlight | dim</code></td>
<td><code class="code">none</code></td>
<td align="center"></td>
@ -543,7 +544,7 @@ GTK+ CSS Properties
</table></div>
</div>
<br class="table-break"><div class="literallayout"><p><code class="code">〈transform〉 = matrix( 〈number〉 [ , 〈number〉 ]{5} ) | translate( 〈length〉, 〈length〉 ) | translateX( 〈length〉 ) | translateY( 〈length〉 ) |</code><br>
<code class="code">                scale( 〈number〉[ , 〈number〉 ]? ) | scaleX( 〈number〉 ) | scaleY( 〈number〉 ) | rotate( 〈angle〉 ) | skew( 〈angle〉 [ , 〈angle〉 ]? ) |</code><br>
<code class="code">                scale( 〈number〉 [ , 〈number〉 ]? ) | scaleX( 〈number〉 ) | scaleY( 〈number〉 ) | rotate( 〈angle〉 ) | skew( 〈angle〉 [ , 〈angle〉 ]? ) |</code><br>
<code class="code">                skewX( 〈angle〉 ) |  skewY( 〈angle〉 )</code><br>
<code class="code">〈color palette〉 = default | 〈name〉 〈color〉 [ , 〈name〉 〈color〉 ]*</code><br>
</p></div>
@ -590,7 +591,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>minwidth</td>
<td><span class="nowrap">min-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -602,7 +603,7 @@ GTK+ CSS Properties
<td>CSS allows percentages</td>
</tr>
<tr>
<td>minheight</td>
<td><span class="nowrap">min-height</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -614,7 +615,7 @@ GTK+ CSS Properties
<td>CSS allows percentages</td>
</tr>
<tr>
<td>margintop</td>
<td><span class="nowrap">margin-top</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -626,7 +627,7 @@ GTK+ CSS Properties
<td>CSS allows percentages or auto</td>
</tr>
<tr>
<td>marginright</td>
<td><span class="nowrap">margin-right</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -638,7 +639,7 @@ GTK+ CSS Properties
<td>CSS allows percentages or auto</td>
</tr>
<tr>
<td>marginbottom</td>
<td><span class="nowrap">margin-bottom</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -650,7 +651,7 @@ GTK+ CSS Properties
<td>CSS allows percentages or auto</td>
</tr>
<tr>
<td>marginleft</td>
<td><span class="nowrap">margin-left</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -662,7 +663,7 @@ GTK+ CSS Properties
<td>CSS allows percentages or auto</td>
</tr>
<tr>
<td>paddingtop</td>
<td><span class="nowrap">padding-top</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -674,7 +675,7 @@ GTK+ CSS Properties
<td>CSS allows percentages</td>
</tr>
<tr>
<td>paddingright</td>
<td><span class="nowrap">padding-right</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -686,7 +687,7 @@ GTK+ CSS Properties
<td>CSS allows percentages</td>
</tr>
<tr>
<td>paddingbottom</td>
<td><span class="nowrap">padding-bottom</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -698,7 +699,7 @@ GTK+ CSS Properties
<td>CSS allows percentages</td>
</tr>
<tr>
<td>paddingleft</td>
<td><span class="nowrap">padding-left</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -728,7 +729,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>margin</td>
<td><span class="nowrap">margin</span></td>
<td><code class="code">〈length〉{1,4}</code></td>
<td>see individual properties</td>
<td>
@ -738,7 +739,7 @@ GTK+ CSS Properties
<td>a 'four sides' shorthand</td>
</tr>
<tr>
<td>padding</td>
<td><span class="nowrap">padding</span></td>
<td><code class="code">〈length〉{1,4}</code></td>
<td>see individual properties</td>
<td>
@ -775,7 +776,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>bordertopwidth</td>
<td><span class="nowrap">border-top-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -787,7 +788,7 @@ GTK+ CSS Properties
<td>CSS allows other values</td>
</tr>
<tr>
<td>borderrightwidth</td>
<td><span class="nowrap">border-right-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -799,7 +800,7 @@ GTK+ CSS Properties
<td>CSS allows other values</td>
</tr>
<tr>
<td>borderbottomwidth</td>
<td><span class="nowrap">border-bottom-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -811,19 +812,19 @@ GTK+ CSS Properties
<td>CSS allows other values</td>
</tr>
<tr>
<td>borderrightwidth</td>
<td><span class="nowrap">border-left-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
<td align="center"></td>
<td>
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-right-width" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-left-width" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/css3-background/#the-border-width" target="_top">CSS3</a>
</td>
<td>CSS allows other values</td>
</tr>
<tr>
<td>bordertopstyle</td>
<td><span class="nowrap">border-top-style</span></td>
<td><code class="code">〈border style〉</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -835,7 +836,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderrightstyle</td>
<td><span class="nowrap">border-right-style</span></td>
<td><code class="code">〈border style〉</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -847,7 +848,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderbottomstyle</td>
<td><span class="nowrap">border-bottom-style</span></td>
<td><code class="code">〈border style〉</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -859,7 +860,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderleftstyle</td>
<td><span class="nowrap">border-left-style</span></td>
<td><code class="code">〈border style〉</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -871,7 +872,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>bordertoprightradius</td>
<td><span class="nowrap">border-top-right-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -883,7 +884,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderbottomrightradius</td>
<td><span class="nowrap">border-bottom-right-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -895,7 +896,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderbottomleftradius</td>
<td><span class="nowrap">border-bottom-left-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -907,7 +908,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>bordertopleftradius</td>
<td><span class="nowrap">border-top-left-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -919,7 +920,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>bordertopcolor</td>
<td><span class="nowrap">border-top-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -931,7 +932,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderrightcolor</td>
<td><span class="nowrap">border-right-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -943,7 +944,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderbottomcolor</td>
<td><span class="nowrap">border-bottom-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -955,7 +956,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderleftcolor</td>
<td><span class="nowrap">border-left-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -967,7 +968,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderimagesource</td>
<td><span class="nowrap">border-image-source</span></td>
<td><code class="code">〈image〉 | none</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -976,7 +977,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderimagerepeat</td>
<td><span class="nowrap">border-image-repeat</span></td>
<td><code class="code">〈border repeat〉{1,2}</code></td>
<td><code class="code">stretch</code></td>
<td align="center"> </td>
@ -985,7 +986,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderimageslice</td>
<td><span class="nowrap">border-image-slice</span></td>
<td><code class="code">[ 〈number〉 | 〈percentage〉 ]{1,4} &amp;&amp; fill?</code></td>
<td><code class="code">100%</code></td>
<td align="center"> </td>
@ -994,8 +995,8 @@ GTK+ CSS Properties
<td>a 'four sides' shorthand</td>
</tr>
<tr>
<td>borderimagewidth</td>
<td><code class="code">[ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4}</code></td>
<td><span class="nowrap">border-image-width</span></td>
<td><code class="code">[ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4}</code></td>
<td><code class="code">1</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1021,7 +1022,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>borderwidth</td>
<td><span class="nowrap">border-width</span></td>
<td><code class="code">〈length〉{1,4}</code></td>
<td>see individual properties</td>
<td>
@ -1031,7 +1032,7 @@ GTK+ CSS Properties
<td>a 'four sides' shorthand</td>
</tr>
<tr>
<td>borderstyle</td>
<td><span class="nowrap">border-style</span></td>
<td><code class="code">〈border style〉{1,4}</code></td>
<td>see individual properties</td>
<td>
@ -1041,14 +1042,14 @@ GTK+ CSS Properties
<td>a 'four sides' shorthand</td>
</tr>
<tr>
<td>bordercolor</td>
<td><span class="nowrap">border-color</span></td>
<td><code class="code">〈color〉{1,4}</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css3-background/#border-color" target="_top">CSS3</a></td>
<td>a 'four sides' shorthand</td>
</tr>
<tr>
<td>bordertop</td>
<td><span class="nowrap">border-top</span></td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
@ -1058,27 +1059,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderleft</td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-left" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/css3-background/#border-left" target="_top">CSS3</a>
</td>
<td> </td>
</tr>
<tr>
<td>borderbottom</td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-bottom" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/css3-background/#border-bottom" target="_top">CSS3</a>
</td>
<td> </td>
</tr>
<tr>
<td>borderright</td>
<td><span class="nowrap">border-right</span></td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
@ -1088,7 +1069,27 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>border</td>
<td><span class="nowrap">border-bottom</span></td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-bottom" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/css3-background/#border-bottom" target="_top">CSS3</a>
</td>
<td> </td>
</tr>
<tr>
<td><span class="nowrap">border-left</span></td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
<a class="ulink" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-left" target="_top">CSS2</a>,
<a class="ulink" href="https://www.w3.org/TR/css3-background/#border-left" target="_top">CSS3</a>
</td>
<td> </td>
</tr>
<tr>
<td><span class="nowrap">border</span></td>
<td><code class="code">〈length〉 || 〈border style〉 || 〈color〉</code></td>
<td>see individual properties</td>
<td>
@ -1098,14 +1099,14 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>borderradius</td>
<td><code class="code">[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage&gt; ]{1,4} ]?</code></td>
<td><span class="nowrap">border-radius</span></td>
<td><code class="code">[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage ]{1,4} ]?</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css3-background/#border-radius" target="_top">CSS3</a></td>
<td> </td>
</tr>
<tr>
<td>borderimage</td>
<td><span class="nowrap">border-image</span></td>
<td><code class="code">〈border-image-source〉 || 〈border-image-slice〉 [ / 〈border-image-width〉 | / 〈border-image-width〉? / 〈border-image-outset〉 ]? || 〈border-image-repeat〉</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css3-background/#border-image" target="_top">CSS3</a></td>
@ -1142,7 +1143,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>outlinestyle</td>
<td><span class="nowrap">outline-style</span></td>
<td><code class="code">none | solid | inset | outset | hidden | dotted | dashed | double | groove | ridge</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -1154,7 +1155,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>outlinewidth</td>
<td><span class="nowrap">outline-width</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -1166,7 +1167,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>outlinecolor</td>
<td><span class="nowrap">outline-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">currentColor</code></td>
<td align="center"> </td>
@ -1178,7 +1179,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>outlineoffset</td>
<td><span class="nowrap">outline-offset</span></td>
<td><code class="code">〈length〉</code></td>
<td><code class="code">0px</code></td>
<td align="center"> </td>
@ -1187,7 +1188,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkoutlinetopleftradius</td>
<td><span class="nowrap">-gtk-outline-top-left-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -1196,7 +1197,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkoutlinetoprightradius</td>
<td><span class="nowrap">-gtk-outline-top-right-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -1205,7 +1206,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkoutlinebottomrightradius</td>
<td><span class="nowrap">-gtk-outline-bottom-right-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -1214,7 +1215,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkoutlinebottomleftradius</td>
<td><span class="nowrap">-gtk-outline-bottom-left-radius</span></td>
<td><code class="code">〈corner radius〉</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
@ -1241,7 +1242,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>outline</td>
<td><span class="nowrap">outline</span></td>
<td><code class="code">〈outline-color〉 || 〈outline-style〉 || 〈outline-width〉</code></td>
<td>see individual properties</td>
<td>
@ -1251,8 +1252,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>gtkoutlineradius</td>
<td><code class="code">[ 〈length〉|〈percentage〉 ]{1,4} [ / [〈length〉 | 〈percentage&gt; ]{1,4} ]?</code></td>
<td><span class="nowrap">-gtk-outline-radius</span></td>
<td><code class="code">[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage]{1,4} ]?</code></td>
<td>see individual properties</td>
<td> </td>
<td> </td>
@ -1288,7 +1289,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>backgroundcolor</td>
<td><span class="nowrap">background-color</span></td>
<td><code class="code">〈color〉</code></td>
<td><code class="code">rgba(0,0,0,0)</code></td>
<td align="center"> </td>
@ -1300,7 +1301,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundclip</td>
<td><span class="nowrap">background-clip</span></td>
<td><code class="code">〈box〉 [ , 〈box〉 ]*</code></td>
<td><code class="code">border-box</code></td>
<td align="center"> </td>
@ -1309,7 +1310,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundorigin</td>
<td><span class="nowrap">background-origin</span></td>
<td><code class="code">〈box〉 [ , 〈box〉 ]*</code></td>
<td><code class="code">padding-box</code></td>
<td align="center"> </td>
@ -1318,7 +1319,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundsize</td>
<td><span class="nowrap">background-size</span></td>
<td><code class="code">〈bg-size〉 [ , 〈bg-size〉 ]*</code></td>
<td><code class="code">auto</code></td>
<td align="center"> </td>
@ -1327,8 +1328,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundposition</td>
<td><code class="code">〈position〉 [ , 〈position〉 ]*</code></td>
<td><span class="nowrap">background-position</span></td>
<td><code class="code">〈position〉 [ , 〈position〉 ]*</code></td>
<td><code class="code">0</code></td>
<td align="center"> </td>
<td align="center"></td>
@ -1339,8 +1340,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundrepeat</td>
<td><code class="code">〈bg-repeat 〉[ , 〈bg-repeat〉 ]*</code></td>
<td><span class="nowrap">background-repeat</span></td>
<td><code class="code">〈bg-repeat〉 [ , 〈bg-repeat〉 ]*</code></td>
<td><code class="code">repeat</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1351,8 +1352,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>backgroundimage</td>
<td><code class="code">〈bg-image〉[ , 〈bg-image〉 ]*</code></td>
<td><span class="nowrap">background-image</span></td>
<td><code class="code">〈bg-image〉 [ , 〈bg-image〉 ]*</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
<td align="center"></td>
@ -1363,8 +1364,8 @@ GTK+ CSS Properties
<td>not supported: urls without quotes, CSS radial gradients, colors in crossfades</td>
</tr>
<tr>
<td>background-blend-mode</td>
<td><code class="code">〈blend-mode〉 [ , 〈blend-mode〉 ]*</code></td>
<td><span class="nowrap">background-blend-mode</span></td>
<td><code class="code">〈blend-mode〉 [ , 〈blend-mode〉 ]*</code></td>
<td><code class="code">normal</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1372,8 +1373,8 @@ GTK+ CSS Properties
<td>only affects multiple backgrounds</td>
</tr>
<tr>
<td>boxshadow</td>
<td><code class="code">none | 〈box shadow〉 [ , 〈box shadow〉 ]*</code></td>
<td><span class="nowrap">box-shadow</span></td>
<td><code class="code">none | 〈box shadow〉 [ , 〈box shadow〉 ]*</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
<td align="center"></td>
@ -1398,7 +1399,7 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td><p>background</p></td>
<td>background</td>
<td><code class="code">[ 〈bg-layer〉 , ]* 〈final-bg-layer〉</code></td>
<td>see individual properties</td>
<td>
@ -1416,8 +1417,10 @@ GTK+ CSS Properties
<code class="code">〈bg-repeat〉 = repeat-x | repeat-y | [ no-repeat | repeat | round | space ]{1,2}</code><br>
<code class="code">〈bg-image〉 = 〈image〉 | none</code><br>
<code class="code">〈bg-layer〉 = 〈bg-image〉 || 〈position〉 [ / 〈bg-size〉 ]? || 〈bg-repeat〉 || 〈box〉 || 〈box〉</code><br>
<code class="code">〈final-bg-layer〉 = 〈bg-image〉 || 〈position〉 [ / 〈bg-size〉 ]? || 〈bg-repeat〉 || 〈box〉 || 〈box〉|| 〈color〉</code><br>
<code class="code">〈blend-mode〉 = color || color-burn || color-dodge || darken || difference || exclusion || hard-light || hue || lighten || luminosity || multiply || normal || overlay || saturate || screen || soft-light</code><br>
<code class="code">〈final-bg-layer〉 = 〈bg-image〉 || 〈position〉 [ / 〈bg-size〉 ]? || 〈bg-repeat〉 || 〈box〉 || 〈box〉 || 〈color〉</code><br>
<code class="code">〈blend-mode〉 = color || color-burn || color-dodge || darken || difference || exclusion ||</code><br>
<code class="code">               hard-light || hue || lighten || luminosity || multiply || normal || overlay ||</code><br>
<code class="code">               saturate || screen || soft-light</code><br>
<code class="code">〈box shadow〉 = inset? &amp;&amp; 〈length〉{2,4}? &amp;&amp; 〈color〉?</code><br>
</p></div>
<p>
@ -1451,7 +1454,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>transitionproperty</td>
<td><span class="nowrap">transition-property</span></td>
<td><code class="code">none | all | 〈property name〉 [ , 〈property name〉 ]*</code></td>
<td><code class="code">all</code></td>
<td align="center"> </td>
@ -1460,7 +1463,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>transitionduration</td>
<td><span class="nowrap">transition-duration</span></td>
<td><code class="code">〈time〉 [ , 〈time〉 ]*</code></td>
<td><code class="code">0s</code></td>
<td align="center"> </td>
@ -1469,8 +1472,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>transitiontimingfunction</td>
<td><code class="code">〈singletimingfunction〉[ , 〈singletimingfunction〉 ]*</code></td>
<td><span class="nowrap">transition-timing-function</span></td>
<td><code class="code">〈single-timing-function〉 [ , 〈single-timing-function〉 ]*</code></td>
<td><code class="code">ease</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1478,7 +1481,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>transitiondelay</td>
<td><span class="nowrap">transition-delay</span></td>
<td><code class="code">〈time〉 [ , 〈time〉 ]*</code></td>
<td><code class="code">0s</code></td>
<td align="center"> </td>
@ -1504,7 +1507,7 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td>transition</td>
<td><span class="nowrap">transition</span></td>
<td><code class="code">〈single-transition〉 [ , 〈single-transition〉 ]*</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css3-transitions/#transition" target="_top">CSS3</a></td>
@ -1514,8 +1517,8 @@ GTK+ CSS Properties
</div>
</div>
<br class="table-break"><div class="literallayout"><p><code class="code">〈single-timing-function〉 = ease | linear | ease-in | ease-out | ease-in-out |</code><br>
<code class="code">                             step-start | step-end | steps( 〈integer〉 [ , [ start | end ] ]? ) |</code><br>
<code class="code">                             cubic-bezier( 〈number〉, 〈number〉, 〈number〉, 〈number〉 )</code><br>
<code class="code">                           step-start | step-end | steps( 〈integer〉 [ , [ start | end ] ]? ) |</code><br>
<code class="code">                           cubic-bezier( 〈number〉, 〈number〉, 〈number〉, 〈number〉 )</code><br>
<code class="code">〈single-transition〉 = [ none | 〈property name〉 ] || 〈time〉 || 〈single-transition-timing-function〉 || 〈time〉</code><br>
</p></div>
<div class="table">
@ -1542,7 +1545,7 @@ GTK+ CSS Properties
</tr></thead>
<tbody>
<tr>
<td>animationname</td>
<td><span class="nowrap">animation-name</span></td>
<td><code class="code">〈single-animation-name〉 [ , 〈single-animation-name〉 ]*</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -1551,7 +1554,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationduration</td>
<td><span class="nowrap">animation-duration</span></td>
<td><code class="code">〈time〉 [ , 〈time〉 ]*</code></td>
<td><code class="code">0s</code></td>
<td align="center"> </td>
@ -1560,8 +1563,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationtimingfunction</td>
<td><code class="code">〈singletimingfunction〉 [ , 〈singletimingfunction〉 ]*</code></td>
<td><span class="nowrap">animation-timing-function</span></td>
<td><code class="code">〈single-timing-function〉 [ , 〈single-timing-function〉 ]*</code></td>
<td><code class="code">ease</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1569,8 +1572,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationiteration-count</td>
<td><code class="code">〈singleanimationiterationcount〉 [ , 〈singleanimationiterationcount〉 ]*</code></td>
<td><span class="nowrap">animation-iteration-count</span></td>
<td><code class="code">〈single-animation-iteration-count〉 [ , 〈single-animation-iteration-count〉 ]*</code></td>
<td><code class="code">1</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1578,8 +1581,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationdirection</td>
<td><code class="code">〈singleanimationdirection〉 [ , 〈singleanimationdirection〉 ]*</code></td>
<td><span class="nowrap">animation-direction</span></td>
<td><code class="code">〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]*</code></td>
<td><code class="code">normal</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1587,8 +1590,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationplaystate</td>
<td><code class="code">〈singleanimationplaystate〉 [ , 〈singleanimationplaystate〉 ]*</code></td>
<td><span class="nowrap">animation-play-state</span></td>
<td><code class="code">〈single-animation-play-state〉 [ , 〈single-animation-play-state〉 ]*</code></td>
<td><code class="code">running</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1596,7 +1599,7 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationdelay</td>
<td><span class="nowrap">animation-delay</span></td>
<td><code class="code">〈time〉 [ , 〈time〉 ]*</code></td>
<td><code class="code">0s</code></td>
<td align="center"> </td>
@ -1605,8 +1608,8 @@ GTK+ CSS Properties
<td> </td>
</tr>
<tr>
<td>animationfillmode</td>
<td><code class="code">〈singleanimationfillmode〉 [ , 〈singleanimationfillmode〉 ]*</code></td>
<td><span class="nowrap">animation-fill-mode</span></td>
<td><code class="code">〈single-animation-fill-mode〉 [ , 〈single-animation-fill-mode〉 ]*</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
<td align="center"> </td>
@ -1631,8 +1634,8 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td>animation</td>
<td><code class="code">〈singleanimation〉 [ , 〈singleanimation〉]*</code></td>
<td><span class="nowrap">animation</span></td>
<td><code class="code">〈single-animation〉 [ , 〈single-animation〉 ]*</code></td>
<td>see individual properties</td>
<td><a class="ulink" href="https://www.w3.org/TR/css3-animations/#animation" target="_top">CSS3</a></td>
<td> </td>
@ -1646,7 +1649,8 @@ GTK+ CSS Properties
<code class="code">〈single-animation-play-state〉 = running | paused</code><br>
<code class="code">〈single-animation-fill-mode〉 = none | forwards | backwards | both</code><br>
<code class="code">〈single-animation〉 = 〈single-animation-name〉 || 〈time〉 || 〈single-timing-function〉 || 〈time〉 ||</code><br>
<code class="code">                       〈single-animation-iteration-count〉 || 〈single-animation-direction〉 || 〈single-animation-play-state〉 || 〈single-animation-fill-mode〉</code><br>
<code class="code">                     〈single-animation-iteration-count〉 || 〈single-animation-direction〉 ||</code><br>
<code class="code">                     〈single-animation-play-state〉 || 〈single-animation-fill-mode〉</code><br>
</p></div>
<div class="table">
<a name="id-1.5.3.3.42"></a><p class="title"><b>Table 13. Key binding properties</b></p>
@ -1670,7 +1674,7 @@ GTK+ CSS Properties
<th>Notes</th>
</tr></thead>
<tbody><tr>
<td>gtkkeybindings</td>
<td><span class="nowrap">-gtk-key-bindings</span></td>
<td><code class="code">none | 〈binding name〉 [ , 〈binding name〉 ]*</code></td>
<td><code class="code">none</code></td>
<td align="center"> </td>
@ -1686,6 +1690,6 @@ GTK+ CSS Properties
</div>
</div>
<div class="footer">
<hr>Generated by GTK-Doc V1.25.1</div>
<hr>Generated by GTK-Doc V1.27</div>
</body>
</html>