Property and Value

Inside the declaration, you specify how to style the selected element with property-value pairs.

The pair is separated with a colon (:).

Additional declarations are separated with a semicolon (;), and are typically placed on new lines.


The property is the aspect about the element that you want to change, i.e. list items or paragraphs.


The value defines how to change a property; for example, color and placement.

p {
    property1: value;
    property-2: value;

NOTE: As a rule, there should be no spaces in your property or your value. Each will be a non-breaking set of characters, with multi-word properties created using hyphens (-).