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éfinition : Largeur
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éfinition : Orientation
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.