SHIP:Property:boxmodel:bgcolor

From Serious Documentation
Jump to: navigation, search

Node: All Box Model Nodes

Property Data Type Description
bgcolor Color Background color of a Box Model Node, filling the container completely to the outer edges.

The background color (bgcolor) property of the box flood fills the visible area of the box completely out to its outer edges, including filling the inner, padding, border, and margin areas. This fill happens before any other box fills, borders, inner contents, or even attached images are drawn, so it truly is the background color of the box.

The order of the box rendering/calculation is as follows:

  • Background color (bgcolor) drawn
  • Margins applied (ml,mr,mt,mb)
  • Attached image object (centered in margins) drawn
  • Borders (bl,br,bt,bb) applied and drawn
  • Fill color (fillcolor) drawn within borders
  • Padding applied (pl,pr,pt,pb)
  • Inner color (innercolor) drawn
  • Contents of the box drawn

The bgcolor can be any color and any opacity -- from fully transparent to fully opaque.