From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/ratio/index.html | 108 -------------------------------------- 1 file changed, 108 deletions(-) delete mode 100644 files/fr/web/css/ratio/index.html (limited to 'files/fr/web/css/ratio/index.html') diff --git a/files/fr/web/css/ratio/index.html b/files/fr/web/css/ratio/index.html deleted file mode 100644 index cd2fc22936..0000000000 --- a/files/fr/web/css/ratio/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: -slug: Web/CSS/ratio -tags: - - CSS - - Reference - - Type -translation_of: Web/CSS/ratio ---- -
{{CSSRef}}
- -

Le type de donnée CSS <ratio> permet de décrire les proportions dans les media queries (N.D.T. pour « requête média » qui est moins usité). entre deux valeurs sans unité.

- -

Syntaxe

- -

Une valeur de ce type se compose d'un entier strictement positif (type {{cssxref("<integer>")}}, suivi d'une barre oblique ('/', Unicode U+002F SOLIDUS) puis d'un second entier strictement positif (type {{cssxref("<integer>")}}). Il est possible d'avoir des espaces avant et après la barre oblique.

- -

Exemples

- -

Utiliser dans une media query

- -
@media screen and (min-aspect-ratio: 16/9) { … }
- -

Ratios fréquemment utilisés

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 RatioUtilisation
4/3Format traditionnel utilisé par les télévisions au XXe siècle.
16/9Format « moderne » des télévisions.
185/100 = 91/50
- (les numérateurs et dénominateurs décimaux ne sont pas autorisés)		Le format le plus utilisé pour la projection de films depuis les années 1960.
239/100
- (les numérateurs et dénominateurs décimaux ne sont pas autorisés)		Le format « large » utilisé pour projeter certains films (on parle de format anamorphique).
- -

Exemple appliqué

- -

CSS

- -
@media screen and (min-aspect-ratio: 1/1) {
-  .exemple {
-    background-color: palegreen;
-  }
-}
- -

HTML

- -
<p class="exemple">
-  Essayez de m'étirer en longueur ou de me réduire en largeur
-</p>
- -

Résultat

- -

{{EmbedLiveSample("Exemple_appliqué","300","300")}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Media Queries', '#values', '<ratio>')}}{{Spec2('CSS3 Media Queries')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("css.types.ratio")}}

- -

Voir aussi

- - -- cgit v1.2.3-54-g00ecf