color
opacity
background-color
border-top-width
border-right-width
border-bottom-width
border-left-width
border-width
border-top-style
border-right-style
border-bottom-style
border-left-style
border-style
border-top-color
border-right-color
border-bottom-color
border-left-color
border-color
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-radius
border-top
border-right
border-bottom
border-left
border
font-family
font-weight
font-stretch
font-size
font-style
width
min-width
max-width
height
min-height
max-height
margin-top
margin-bottom
margin-right
margin-left
margin
padding-top
padding-bottom
padding-right
padding-left
padding
Styles list all modules
Module: Backgrounds
Properties:
background-color

Backgrounds
background-color
Background color.
Property Specification:
Syntax <hex-color> | <func-color> | <prokee-hex-color> | <color-name> | transparent | initial | inherit
Initial value transparent
Applies to all elements
Inheritance false
Type of computed value UINT
Functions element::setBackgroundColor()
element::getBackgroundColorStr()
element::getBackgroundColor()
Property Values:
<hex-color> A hexadecimal color value.
  • a 3-digit hexadecimal value: #rgb
    Example: #37A is equal to #3377AA.

  • a 6-digit hexadecimal value: #rrggbb
    Example: #3377AA is equal to rgb(51,119,170).

  • a 4-digit hexadecimal value: #rgba
    Example: #37AF is equal to rgba(51,119,170,1.0).
    This does not conform to CSS Level 3.

  • a 8-digit hexadecimal value: #rrggbbaa
    Example: #3377AAFF is equal to rgba(51,119,170,1.0).
    This does not conform to CSS Level 3.
<func-color> Color value in a functional notation.
  • rgb(r,g,b)
  • rgba(r,g,b,a)
  • hsl(h,s,l)
  • hsla(h,s,l,a)
Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%].
The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name> A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color> A hexadecimal color value.
This is a prokee-specific definition and not part of CSS.
  • a 3-digit hexadecimal value:
    Example: 0x37F is equal to #3377FF.
    Example: 0x00037F is equal to #00037F.

  • a 6-digit hexadecimal value:
    Example: 0x3377FF is equal to #3377FF.

  • a 4-digit hexadecimal value:
    Example: 0xF000 is equal to rgba(0,0,0,0.0).
    Example: 0x037F is equal to rgba(51,119,255,1.0).

  • a 8-digit hexadecimal value:
    Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent Keyword. This sets a transparent background color.
initial Keyword. Sets the property to its initial value.
inherit Keyword. Inherits the value from the parent element.