Les caractéristiques

Les règles peuvent être appliquées en fonction des caractéristiques du média de sortie (largeur, hauteur, ...)

width, min-width, max-width

largeur, largeur min, largeur max

height, min-height, max-height

hauteur, hauteur min, hauteur max

aspect-ration, min-aspect-ratio, max-aspect-ratio

ratio entre la largeur et la hauteur

orientation (portrait, landscape)

orientation portrait ou paysage

monochrome

media monochrome

...

...

DéfinitionLargeur

1
@media (min-width: 600px) {
2
									div {
3
									border : 2px solid black;
4
									}
5
									}

La règle s'applique qu'aux médias de plus de 600px de largeur.

DéfinitionOrientation

1
@media (orientation: landscape) {
2
									div {
3
									border : 2px solid black;
4
									}
5
									}

La règle s'applique qu'aux médias orientés en paysage.