Format properties

Purpose

Defines general visual format rules and thematic information on the user interface elements.

Controls

Control Description Options Property
Color Sets the foreground color of text content. transparent, <color>   theme_format_prop.html#color
Opacity Controls the transparency level of an element. Please note that the property applied to an element is inherited by all its child elements. <number>   theme_format_prop.html#opacity
Overflow-x, Overflow-y Specifies whether the content of a block-level element should be clipped when it overflows the element's box. All synchronizes the values. auto, hidden, scroll, visible  theme_format_prop.html#overflow-x-y or theme_format_prop.html#overflow

Properties

color

Specifies the foreground color of text content.

Option Description
transparent Makes the selected element transparent, i.e. the keyword is a shorthand for rgba(0,0,0,0).
<color> The color represented by a color name or a hex code.
inherit The value of the property should be inherited from the parent element.
opacity

Controls the transparency level of an element. Please note that the property applied to an element is inherited by all its child elements. The default value is '1.0 '. See also: Opacity.

Option Description
<number> Specifies the opacity of the element.
inherit The value of the property should be inherited from the parent element.
overflow

You use the overflow shorthand property to control clipping. The property takes two values. The first value of the property corresponds to the overflow-x property, while the second value corresponds to the overflow-y property. When the second value is not specified, then it is assumed to be the same as the first value. See also: Overflow-x and overflow-y.

overflow: <overflow-x> <overflow-y>;
overflow-x, overflow-y

You use the overflow-x and overflow-y properties to control clipping. The default value is 'visible'. See also: Overflow-x and overflow-y.

Option Description
auto Indicates that the default browser configuration should be used.
hidden Indicates that the content should be clipped but scroll bars should not be visible, i.e. the content outside the box will be invisible.
scroll Indicates that the content should be clipped and scroll bars should be enabled.
visible Indicates that the content should not be clipped, i.e. it may be rendered outside the box.
inherit The value of the property should be inherited from the parent element.

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:mcs="http://www.volantis.com/xmlns/2006/01/xdime/mcs">
  <head>
    <title>Format properties</title>
    <style type="text/css">
      h2 {
        color:green;
      }
      p {
        overflow: scroll;
        height: 100px;
        width: 300px;
      }
    </style>
  </head>
  <body>
    <div>
      <h2>Antenna Software</h2>
      <p>Antenna Software helps organizations solve the complexity of delivering the true mobile Internet to
        thousands of unique devices, without compromise, to the highest quality user experience,
        performance and reliability. Antenna Software is the world leader in Intelligent Content Delivery
        solutions.</p>
    </div>
  </body>
</html>

Related topics