# Properties

These are CSS properties such as margin, padding, color, background, etc.

<div class="bg-red max-w-24 c-white flex"></div>

In this case, bg, max-w, c and flex are properties It can have a value like bg or not have like flex.

Properties can also be in the form of a chain, such as `max-w'

.max-w-500 { max-width: 500px }
.max-h-250 { max-height: 250px }

Here max-w is a chain of nested properties, under the hood in blickcss it looks like this

max: {
    w: { ... },
    h: { ... }
}

This can be customized! Learn how

# Read next:

Values
States Media queries