<doc>
	<legacy_id>1889</legacy_id>
	<name>backgroundColor</name>
	<type>property</type>

	<syntax>
		<example>set the backgroundColor of <i>object</i> to {empty | <i>colorName </i>| <i>RGBColor</i>} </example>
		<example>set the backgroundColor [of <i>chunk</i>] [of <i>line</i>] of <i>field</i> to {empty|<i>colorName</i>|<i>RGBColor</i>}</example>
	</syntax>

	<synonyms>
		<synonym>backColor</synonym>
		<synonym>secondColor</synonym>
	</synonyms>

	<summary>Specifies an <glossary tag="object">object's</glossary> background color.</summary>

	<examples>
<example>set the backgroundColor of last button to &quot;white&quot;</example>
<example>set the backgroundColor of graphic 2 to 128,128,128</example>
<example><p>set the backgroundColor of word thisWord of field &quot;Help!&quot; to &quot;#808080&quot;</p></example>
<example>get the effective backgroundColor of this card</example>
<example><p>-- Set the background color of a paragraph of text in a field</p><p>set the backgroundColor of line 1 of field 1 to red</p></example>
	</examples>

	<history>
		<introduced version="1.0">Added.</introduced>
		<deprecated version=""></deprecated>
		<removed version=""></removed>
		<changed version="5.5">Updated to support paragraph level property</changed>
<changed version="2.0">2.0</changed>
	</history>

	<objects>
		<stack/>
		<card/>
		<group/>
		<field/>
		<button/>
		<graphic/>
		<scrollbar/>
		<player/>
		<image/>
	</objects>

	<platforms>
		<mac/>
		<windows/>
		<linux/>
		<ios/>
		<android/>
	</platforms>

	<classes>
		<desktop/>
		<server/>
		<web/>
		<mobile/>
	</classes>

	<security>
	</security>


	<classification>
		<category>Appearance &amp; Positioning</category>
	</classification>

	<references>
		<command tag="answer color">answer color Command</command>
		<property tag="topColor">topColor Property</property>
		<property tag="linkColor">linkColor Property</property>
		<property tag="linkHiliteColor">linkHiliteColor Property</property>
		<property tag="brushColor">brushColor Property</property>
		<property tag="textSize">textSize Property</property>
		<property tag="hScrollbar">hScrollbar Property</property>
		<property tag="formattedText">formattedText Property</property>
		<property tag="formattedWidth">formattedWidth Property</property>
		<property tag="listBehavior">listBehavior Property</property>
		<property tag="textAlign">textAlign Property</property>
		<property tag="listStyle">listStyle Property</property>
		<property tag="listDepth">listDepth Property</property>
		<property tag="listIndent">listIndent Property</property>
		<property tag="firstIndent">firstIndent Property</property>
		<property tag="rightIndent">rightIndent Property</property>
		<property tag="leftIndent">leftIndent Property</property>
		<property tag="spaceAbove">spaceAbove Property</property>
		<property tag="spaceBelow">spaceBelow Property</property>
		<property tag="tabstops">tabstops Property</property>
		<property tag="borderWidth">borderWidth Property</property>
		<property tag="borderColor">borderColor Property</property>
		<property tag="hgrid">hgrid Property</property>
		<property tag="vgrid">vgrid Property</property>
		<property tag="hidden">hidden Property</property>
		<property tag="dontWrap">dontWrap Property</property>
		<keyword tag="colorPalette">colorPalette Keyword</keyword>
	</references>

	<description>
	<overview>Use the <b>backgroundColor</b> <glossary tag="property">property</glossary> to change the background of a window, or the color that fills an <glossary tag="object">object</glossary>, or to change the background color of text for a <property tag="hilite">highlighted</property> effect.</overview>

		<parameters>
<parameter>
<name>colorName</name>
<description>Any standard color name.</description>
</parameter>
<parameter>
<name>rgbColor</name>
<description>Consists of three comma-separated integers between zero and 255, specifying the level of each of red, green, and blue; or an HTML-style color consisting of a hash mark (#) followed by three hexadecimal numbers, one for each of red, green, and blue.</description>
</parameter>		</parameters>

	<value></value>
	<comments>By default, the <b>backgroundColor</b> for all <glossary tag="object">objects</glossary> is empty.<p></p><p>Setting the <b>backgroundColor</b> of an <glossary tag="object">object</glossary> to empty allows the <b>backgroundColor</b> of the <glossary tag="object">object's</glossary> <property tag="owner">owner</property> to show through. Use the <keyword tag="effective">effective</keyword> <glossary tag="keyword">keyword</glossary> to find out what color is used for the <glossary tag="object">object</glossary>, even if its own <b>backgroundColor</b> is empty.</p><p></p><p>If an object's <b>backgroundPattern</b> is set, the pattern is shown instead of the color specified by <b>backgroundColor</b>.</p><p>The setting of the <b>backgroundColor</b> <glossary tag="property">property</glossary> has different effects, depending on the <glossary tag="object type">object type</glossary>:</p><p></p><p>* The <b>backgroundColor</b> of a <object tag="stack">stack</object> or <keyword tag="card">card</keyword> fills the entire <glossary tag="stack window">stack window</glossary>, as well as determining the <b>backgroundColor</b> of each <glossary tag="object">object</glossary> in the <object tag="stack">stack</object> or <keyword tag="card">card</keyword> that does not have its own <b>backgroundColor</b>.</p><p></p><p></p><cp_note>On <glossary tag="Mac OS">Mac OS</glossary>, <glossary tag="OS X">OS X</glossary>, and <glossary tag="Windows">Windows systems</glossary>, if the <b>backgroundColor</b> of all <glossary tag="object">objects</glossary> in the <glossary tag="object hierarchy">object hierarchy</glossary> is empty, the background color set by the system is used.</cp_note><p></p><p>* The <b>backgroundColor</b> of a group determines the <b>backgroundColor</b> of each <glossary tag="object">object</glossary> in the <command tag="group">group</command> that does not have its own <b>backgroundColor</b>.</p><p></p><p>* The <b>backgroundColor</b> of a button fills the area inside the <glossary tag="button">button's</glossary> outline. If the button's <property tag="style">style</property> is &quot;checkbox&quot;, the <b>backgroundColor</b> fills the checkbox. If the <glossary tag="button">button's</glossary> style is &quot;radioButton&quot;, the <b>backgroundColor</b> has no effect. If the <keyword tag="button">button</keyword> is a <glossary tag="tabbed button">tabbed button</glossary>, the <b>backgroundColor</b> fills the tab area and the frontmost tab, but does not affect the other tabs.</p><p></p><p></p><cp_note>If the <property tag="lookAndFeel">lookAndFeel</property> is set to &quot;Appearance Manager&quot;, standard and rectangle <glossary tag="button">buttons</glossary> are drawn by the operating system if the <b>backgroundColor</b> and <property tag="backgroundPattern">backgroundPattern</property> of the <keyword tag="button">button</keyword> is empty. (In this case, none of the <glossary tag="button">button's</glossary> color <property tag="properties">properties</property> have an effect except for the <property tag="foregroundColor">foregroundColor</property> or <property tag="foregroundPattern">foregroundPattern</property>.) Otherwise, the <keyword tag="button">button</keyword> is drawn by LiveCode. If the <property tag="lookAndFeel">lookAndFeel</property> is &quot;Appearance Manager&quot;, <glossary tag="button menu">button menus</glossary> whose <property tag="menuMode">menuMode</property> is set to &quot;option&quot; or &quot;comboBox&quot; are always drawn by the operating system, and the setting of the <b>backgroundColor</b> does not affect them.</cp_note><p></p><p>* The <b>backgroundColor</b> of a <keyword tag="field">field</keyword> fills the area inside the <glossary tag="field">field's</glossary> outline. If you set the <b>backgroundColor</b> of a <glossary tag="chunk">chunk</glossary> of a <keyword tag="field">field</keyword>, only that <glossary tag="chunk">chunk</glossary> is affected. For example, to create a &quot;highlighter pen&quot; effect on a single <keyword tag="word">word</keyword>, set the <glossary tag="word">word's</glossary> <b>backgroundColor</b> to yellow.  If a <glossary tag="chunk">chunk</glossary> of text contains runs of text with more than one background color, the <b>backgroundColor</b> of that <glossary tag="chunk">chunk</glossary> reports &quot;mixed&quot;.</p><p></p><p>If a field's <b>backgroundColor</b> is empty and the <property tag="lookAndFeel">lookAndFeel</property> <glossary tag="property">property</glossary> is set to &quot;Macintosh&quot;, &quot;Appearance Manager&quot;, or &quot;Windows 95&quot;, the <keyword tag="field">field</keyword> background is white, instead of inheriting its <glossary tag="inheritance">owner's</glossary> color.</p><p></p><p>* The <b>backgroundColor</b> of a <keyword tag="scrollbar">scrollbar</keyword> fills the arrow boxes at the ends of the <keyword tag="scrollbar">scrollbar</keyword>.</p><p></p><p>* The <b>backgroundColor</b> of a <keyword tag="graphic">graphic</keyword> is displayed inside the <glossary tag="graphic">graphic's</glossary> border if the <glossary tag="graphic">graphic's</glossary> fill <glossary tag="property">property</glossary> is true. If the <glossary tag="graphic">graphic's</glossary> fill is false, the setting of the <b>backgroundColor</b> has no effect.</p><p></p><p>* The <b>backgroundColor</b> of an <glossary tag="EPS">EPS object</glossary> fills the <glossary tag="object">object's</glossary> rectangle.</p><p></p><p>* The <b>backgroundColor</b> of an <keyword tag="image">image</keyword> is the second color in the <glossary tag="image">image's</glossary> <glossary tag="color palette">color palette</glossary>.</p><p></p><p>* The <b>backgroundColor</b> of a <keyword tag="player">player</keyword>, <glossary tag="audio clip">audio clip</glossary>, or <glossary tag="video clip">video clip</glossary> has no effect.</p><p></p><p></p><change><p>The ability of standard buttons to have a <b>backgroundColor</b> under Appearance Manager was introduced in version 2.0. In previous versions, if the <property tag="lookAndFeel">lookAndFeel</property> was set to &quot;Appearance Manager&quot;, the setting of the <b>backgroundColor</b> had no effect on standard <glossary tag="button">buttons</glossary>.</change><p></p><p>The ability to use the system background color was introduced in version 1.1. In previous versions, if the <b>backgroundColor</b> of all <glossary tag="object">objects</glossary> in the <glossary tag="object hierarchy">object hierarchy</glossary> was empty, a light gray color was used.</p></comments>
	</description>
</doc>