<doc>
  <legacy_id>1044</legacy_id>
  <name>topColor</name>
  <type>property</type>
  <syntax>
    <example>set the topColor of <i>object</i> to {empty | <i>colorName </i>| <i>RGBColor</i>}</example>
  </syntax>
  <library></library>
  <objects>
    <stack/>
    <card/>
    <group/>
    <field/>
    <button/>
    <graphic/>
    <scrollbar/>
    <player/>
    <image/>
  </objects>
  <synonyms>
    <synonym>fifthColor</synonym>
  </synonyms>
  <classification>
    <category>Appearance &amp; Positioning</category>
  </classification>
  <references>
    <keyword tag="effective">effective Keyword</keyword>
    <property tag="backgroundColor">backgroundColor Property</property>
    <property tag="borderColor">borderColor Property</property>
    <property tag="bottomColor">bottomColor Property</property>
    <function tag="colorNames">colorNames Function</function>
    <property tag="colors">colors Property</property>
    <property tag="hiliteColor">hiliteColor Property</property>
    <property tag="hiliteBorder">hiliteBorder Property</property>
    <property tag="shadowColor">shadowColor Property</property>
    <property tag="threeD">threeD Property</property>
    <property tag="topPattern">topPattern Property</property>
  </references>
  <history>
    <introduced version="1.0">Added.</introduced>
  </history>
  <platforms>
    <mac/>
    <windows/>
    <linux/>
    <ios/>
    <android/>
  </platforms>
  <classes>
    <desktop/>
    <server/>
    <web/>
    <mobile/>
  </classes>
  <security>
  </security>
  <summary>Specifies the color of a three-D <glossary tag="object">object's</glossary> raised edge.</summary>
  <examples>
    <example>set the topColor of last button to 32,32,96</example>
    <example>set the topColor of this stack to "white"</example>
    <example>set the topColor of scrollbar ID 22 to "#339933"</example>
  </examples>
  <description>
    <p>Objects whose <b>threeD</b> <glossary tag="property">property</glossary> is set to true appear to stick out of or recede into the screen. Use the <b>topColor</b> <glossary tag="property">property</glossary> to specify the color of the raised edge of the <glossary tag="object">object</glossary>.</p><p/><p><b>Value:</b></p><p>The <b>topColor</b> of an <glossary tag="object">object</glossary> is a <href tag="reference/color_reference.rev">color reference</href>.</p><p/><p>The <i>colorName</i> is any standard color name.</p><p/><p>The <i>RGBColor</i> consists of three comma-separated <glossary tag="integer">integers</glossary> 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 <glossary tag="hexadecimal">hexadecimal</glossary> numbers, one for each of red, green, and blue.</p><p/><p>By default, the <b>topColor</b> for all <glossary tag="object">objects</glossary> is empty.</p><p/><p><b>Comments:</b></p><p>Setting the <b>topColor</b> of an <glossary tag="object">object</glossary> to empty allows the <b>topColor</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>topColor</b> is empty.</p><p/><p>If the object's <b>showBorder</b> <glossary tag="property">property</glossary> is false, the <b>topColor</b> has no effect.</p><p/><p>The setting of the <b>topColor</b> <glossary tag="property">property</glossary> has different effects, depending on the <glossary tag="object type">object type</glossary>:</p><p/><p>* The <b>topColor</b> of a <object tag="stack">stack</object> determines the <b>topColor</b> of each <glossary tag="object">object</glossary> in the <object tag="stack">stack</object> that does not have its own <b>topColor</b>.</p><p/><p>* The <b>topColor</b> of a <keyword tag="card">card</keyword> determines the color of the border on the top and left edges of the <keyword tag="card">card</keyword> or <command tag="group">group</command>, as well as determining the <b>topColor</b> of each <glossary tag="object">object</glossary> on the <keyword tag="card">card</keyword> that does not have its own <b>topColor</b>.</p><p/><p>* The <b>topColor</b> of a <command tag="group">group</command> determines the color of the border on the bottom and right edges of the <command tag="group">group</command>, as well as determining the <b>topColor</b> of each <glossary tag="object">object</glossary> in the group that does not have its own <b>topColor</b>.</p><p/><p>* The <b>topColor</b> of a <keyword tag="button">button</keyword>, <keyword tag="player">player</keyword>, <glossary tag="EPS">EPS object</glossary>, or <keyword tag="graphic">graphic</keyword> forms a border on the top and left edges of the <glossary tag="object">object</glossary>. If the <glossary tag="object">object's</glossary> <property tag="threeD">threeD</property> <glossary tag="property">property</glossary> is false, the <b>topColor</b> has no effect.</p><p/><p>* The <b>topColor</b> of a <keyword tag="field">field</keyword> forms a border on the bottom and right edges of the <keyword tag="field">field</keyword> and (if the <keyword tag="field">field</keyword> is a scrolling <keyword tag="field">field</keyword>) the top and left edges of the arrow boxes at the ends of the scrollbar and the bottom and right edges of the scroll area. The <glossary tag="field">field's</glossary> <b>topColor</b> also determines the color of the top and left edges of any text in the <keyword tag="field">field</keyword> whose <property tag="textStyle">textStyle</property> is set to "threeDBox". If the <glossary tag="field">field's</glossary> <property tag="threeD">threeD</property> <glossary tag="property">property</glossary> is false, the <keyword tag="field">field</keyword> border is not affected.</p><p/><p>* The <b>topColor</b> of a <keyword tag="scrollbar">scrollbar</keyword> forms a border on the top and left edges of the arrow boxes at the ends of the <keyword tag="scrollbar">scrollbar</keyword>, and the bottom and right edges of the scroll area.</p><p/><p>* The <b>topColor</b> of an <glossary tag="audio clip">audio clip</glossary> or <glossary tag="video clip">video clip</glossary> has no effect.</p><p/><p>* The <b>topColor</b> of an <keyword tag="image">image</keyword> is the fifth color in the <glossary tag="image">image's</glossary> <glossary tag="color palette">color palette</glossary>. (To set the color of the raised edge of an <glossary tag="image">image's</glossary> border, set the <property tag="topColor">topColor</property> of the <keyword tag="card">card</keyword>, <object tag="stack">stack</object>, or <command tag="group">group</command> that <glossary tag="owner">owns</glossary> the <keyword tag="image">image</keyword>.)</p><p/><p>If an object's <b>topPattern</b> is set, the pattern is shown instead of the color specified by the <b>topColor</b>.</p>
  </description>
</doc>