From 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 20:15:31 +0200 Subject: Prepare CSS section for Markdown conversion (#2307) * Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing --- files/fr/web/css/env()/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'files/fr/web/css/env()') diff --git a/files/fr/web/css/env()/index.html b/files/fr/web/css/env()/index.html index af2aa40afa..d155dcdd77 100644 --- a/files/fr/web/css/env()/index.html +++ b/files/fr/web/css/env()/index.html @@ -16,7 +16,7 @@ translation_of: Web/CSS/env()

env() peut être utilisée aux endroits où on souhaite remplacer la valeur, à la façon de la fonction var().

-
body {
+
body {
   padding:
     env(safe-area-inset-top, 20px)
     env(safe-area-inset-right, 20px)
@@ -26,13 +26,13 @@ translation_of: Web/CSS/env()
 
 
La fonction env() peut être utilisée à n'importe quel endroit où une valeur peut être associée à une propriété, à n'importe quel endroit où une valeur peut être utilisée dans un descripteur d'une règle @ (ex. dans une requête média) et, de façon générale, à n'importe quel endroit où les valeurs CSS sont autorisées. Selon les évolutions de la spécification, cette fonction pourrait également être utilisées à d'autres endroits comme les sélecteurs.

 
-

+

 
Note : Les variables d'environnement furent initialement fournies par le navigateur iOS afin de permettre aux développeurs de placer le contenu sur une zone sûre de la zone d'affichage (viewport) et d'éviter le décrochement formé en haut de l'écran sur certains des appareils.

 

 
 
Syntaxe

 
-
/* Utilisation des quatre zones sûres */
+
/* Utilisation des quatre zones sûres */
 env(safe-area-inset-top)
 env(safe-area-inset-right)
 env(safe-area-inset-bottom)
@@ -48,11 +48,11 @@ env(safe-area-inset-left, 1.4rem);
 
Valeurs

 
 

- 
safe-area-inset-top, safe-area-inset-right, safe-area-inset-bottom, safe-area-inset-left

+ 
safe-area-inset-top, safe-area-inset-right, safe-area-inset-bottom, safe-area-inset-left

  
Ces mots-clés sont des variables d'environnement qui définissent un rectangle avec les décalages par rapport à chacun des côtés de la zone d'affichage (viewport) dans lequel on pourra placer du contenu sans que ce dernier puisse être rogné du fait de la forme non rectangulaire de l'affichage.

 

 
-

+

 
Note : À la différence des autres propriétés CSS, les identifiants provenant de l'agent utilisateur sont sensibles à la casse.

 

 
@@ -66,7 +66,7 @@ env(safe-area-inset-left, 1.4rem);
 
 
HTML

 
-
<p>
+
<p>
   Si la fonction <code>env()</code> est prise en charge dans votre
   navigateur, le texte de ce paragraphe aura 50 pixels de padding avec
   la bordure gauche mais pas la droite / basse et haute.
@@ -77,7 +77,7 @@ env(safe-area-inset-left, 1.4rem);
 
 
CSS

 
-
p {
+
p {
   width: 300px;
   border: 2px solid red;
   padding:
@@ -93,7 +93,7 @@ env(safe-area-inset-left, 1.4rem);
 
 
Exemples de valeurs

 
-
/* zéro pour les agents utilisateurs rectangulaires */
+
/* zéro pour les agents utilisateurs rectangulaires */
 padding: env(safe-area-inset-bottom, 50px);
 
 /* 50px car les propriétés de l'agent sont sensibles à la casse */
@@ -110,7 +110,7 @@ padding: env(x, 50px, 20px);
 
 
Pour la deuxième valeur, il est possible d'utiliser des virgules afin de fournir un ensemble composite de valeurs à la propriété. Toutefois, si la propriété en question ne permet pas de gérer plusieurs valeurs, la déclaration sera invalide.

 
-

+

 
Note : Les propriétés relatives à l'agent utilisateur ne sont pas réinitialisées avec la propriété {{cssxref("all")}}.

 

 
-- 
cgit v1.2.3-54-g00ecf