<number>¶

The <number> CSS type represents a real number, which can be an integer or a number with a decimal part (akin to a float in Python).

Syntax¶

A <number> is an <integer>, optionally followed by the decimal point . and a decimal part composed of one or more digits.

Grid {
    grid-size: 3 6  /* Integers are numbers */
}

.translucid {
    opacity: 0.5    /* Numbers can have a decimal part */
}

In Python, a rule that expects a CSS type <number> will accept an int or a float:

widget.styles.grid_size = (3, 6)  # Integers are numbers
widget.styles.opacity = 0.5       # Numbers can have a decimal part