Définition et utilisation da la propriété css aspect-ratio
La propriété aspect-ratio vous permet de définir le rapport entre la largeur et la hauteur d'un élément.Si les propriétés aspect-ratio et width sont définies, la hauteur suivra dans le rapport d'aspect défini.
Pour mieux comprendre la propriété aspect-ratio, visionnez une démo.
Astuce : utilisez la propriété aspect-ratio dans les mises en page réactives où la taille des éléments varie souvent et où vous souhaitez préserver le rapport entre la largeur et la hauteur.
La Syntaxe CSS
aspect-ratio: nombre1/nombre1|initial|inherit;
| Valeurs par défaut | auto |
|---|---|
| Inherited: | non |
| Animable : | oui En savoir plus sur l'animable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object.style.aspectRatio="16/9" |
Prise en charge de la propriété css aspect-ratio dans les navigateurs
Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.
| Explorateur |  |  |  |  |  |
|---|---|---|---|---|---|
| Verssion | 88 | 88 | 89 | 15 | 74 |
Valeurs de la propriété aspect-ratio
nombre1 Le premier numéro indique le numéro de la largeur dans le rapport d'aspect.nombre2 Le second numéro indique le numéro de la hauteur dans le rapport d'aspect. Facultatif. S'il n'est pas défini, le numéro de la hauteur est 1 par défaut.
initial Définit cette propriété à sa valeur par défaut. En savoir plus sur initial.
inherit Hérite de cette propriété de son élément parent. Lire à propos de inherit.
La méthode secrète likes sans fin sur Facebook
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENTGRÂCE À FACEBOOK
N'A JAMAIS ÉTÉ SI FACILE
Consulter
