oujood.com

Définir le rapport d'aspect d'un élément en css : propriété aspect-ratio

La propriété aspect-ratio est utilisée pour définir le rapport d'aspect préféré de la boîte. Cette propriété affiche les différentes tailles des boîtes sur la base des valeurs de rapport d'aspect.
CSS propriété aspect-ratio

chercher |

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.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion8888891574

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.

MARKETPOWER-IA
Logiciel d'I.A.
Logiciel d'I.A. 100% Français pour lancer son business en ligne

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'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe