CSS - Property
Table of Contents
1 - Definition
CSS defines a finite set of parameters, called properties, that direct the rendering of a document.
Properties are attached to various parts of the document and to the page on which the document is to be displayed by the mechanisms of:
- specificity,
- and inheritance.
CSS 2.1 has more than 90 properties. See also: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
2 - Articles Related
3 - Syntax
Each property has:
- a name (e.g., 'color', 'font', or border')
- and a value (e.g., 'red', '12pt Times', or 'dotted').
Each CSS property definition begins with a summary of key information that resembles the following:
'property-name'
- Value: legal values & syntax
- Css - (Property) Value: Initial value
- Applies to: elements this property applies to
- Inherited: whether the property is inherited from an ancestor element.
- Percentages: how percentage values are interpreted. If “N/A” appears here, it means that the property does not accept percentages in its values.
- Media: which media groups the property applies to
- Computed value: how to compute the CSS - How to get the computed style values of an HTML element|Computed value]]
4 - Shorthand
Some properties are shorthand properties, meaning that they allow authors to specify the values of several properties with a single property. When values are omitted from a shorthand form, each “missing” property is assigned its initial value.
4.1 - Example
For instance, the 'font' property is a shorthand property for setting:
- 'font-style',
- 'font-variant',
- 'font-weight',
- 'font-size',
- 'line-height',
- and 'font-family' all at once.
The multiple style rules of this example:
h1 {
font-weight: bold;
font-size: 12pt;
line-height: 14pt;
font-family: Helvetica;
font-variant: normal;
font-style: normal;
}
may be rewritten with a single shorthand property:
h1 { font: bold 12pt/14pt Helvetica }
In this example, 'font-variant', and 'font-style' take their initial values.