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/shorthand_properties/index.html | 36 ++++++++++++------------ 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'files/fr/web/css/shorthand_properties') diff --git a/files/fr/web/css/shorthand_properties/index.html b/files/fr/web/css/shorthand_properties/index.html index 9bfeea32ff..fa605b0d38 100644 --- a/files/fr/web/css/shorthand_properties/index.html +++ b/files/fr/web/css/shorthand_properties/index.html @@ -21,7 +21,7 @@ original_slug: Web/CSS/Propriétés_raccourcies
  1. Une valeur qui n'est pas définie pour la propriété raccourcie sera réinitialisée avec sa valeur initiale. Cela peut sembler anecdotique mais attention aux valeurs qui seront surchargées et à l'ordre des déclarations. Ainsi : - 
    background-color: red;
+  
    background-color: red;
 background: url(images/bg.gif) no-repeat top right;
 
    
   ne définira pas la couleur d'arrière-plan en rouge mais avec la valeur par défaut de {{cssxref("background-color")}} transparent car la deuxième déclaration prend le pas sur la première.
    2. @@ -32,19 +32,19 @@ background: url(images/bg.gif) no-repeat top right; - + - + - + - + @@ -56,19 +56,19 @@ background: url(images/bg.gif) no-repeat top right;
    border1.pngborder1.png 1 valeur : border-width: 1em — La valeur unique s'adresse à tous les côtés.
    border2.pngborder2.png 2 valeurs : border-width: 1em 2em — La première valeur représente les côtés horizontaux en haut et en bas. La seconde valeur représente les côtés verticaux, à gauche et à droite.
    border3.pngborder3.png 3 valeurs : border-width: 1em 2em 3em — La première valeur représente le côté haut, la deuxième les côtés gauche et droit et la troisième représente le côté bas.
    border4.pngborder4.png

    4 valeurs : border-width: 1em 2em 3em 4em — Les quatre valeurs représentent respectivement le côté haut, le côté droit, le côté bas et le côté haut, toujours dans cet ordre (le sens horaire).

    - + - + - + - + @@ -84,14 +84,14 @@ background: url(images/bg.gif) no-repeat top right;

    Lorsqu'on décrit un arrière-plan avec les propriétés suivantes :

    -
    background-color: #000;
+
    background-color: #000;
 background-image: url(images/bg.gif);
 background-repeat: no-repeat;
 background-position: top right;
    
 
 
    On peut le faire de façon plus concise grâce à la propriété raccourcie. Voici la déclaration équivalent :
    
 
-
    background: #000 url(images/bg.gif) no-repeat top right;
    
+
    background: #000 url(images/bg.gif) no-repeat top right;
    
 
 
    
 
    Note : Pour être tout à fait précis, la forme raccourcie présentée juste avant est équivalente aux propriétés détaillées qui précèdent auxquelles on ajoute background-attachment: scroll et d'autres propriétés avec CSS3).
    
@@ -103,7 +103,7 @@ background-position: top right;

    Les déclarations suivantes :

    -
    font-style: italic;
+
    font-style: italic;
 font-weight: bold;
 font-size: .8em;
 line-height: 1.2;
@@ -111,7 +111,7 @@ font-family: Arial, sans-serif;
    
 
 
    Peuvent être synthétisées en une seule déclaration avec la propriété raccourcie :
    
 
-
    font: italic bold .8em/1.2 Arial, sans-serif;
    
+
    font: italic bold .8em/1.2 Arial, sans-serif;
    
 
 
    
 
    Note : Pour être tout à fait précis, la déclaration raccourcie précédente est équivalente aux déclarations détaillées ci-avant auxquelles on ajoutera font-variant: normal et font-size-adjust: none (CSS2.0 / CSS3), font-stretch: normal (CSS3).
    
@@ -121,32 +121,32 @@ font-family: Arial, sans-serif;

    Avec les bordures, la largeur, la couleur et le style peuvent être regroupés en une seule déclaration. Par exemple,

    -
    border-width: 1px;
+
    border-width: 1px;
 border-style: solid;
 border-color: #000;
    
 
 
    peut être écrit ainsi :
    
 
-
    border: 1px solid #000;
    
+
    border: 1px solid #000;
    
 
 
    Les propriétés liées à la marge et au remplissage (padding)
    
 
 
    Les propriétés raccourcies agissant sur la boîte de marge ou sur la boîte de remplissage (padding) fonctionnent de la même façon. Ainsi, les déclarations CSS suivantes :
    
 
-
    margin-top: 10px;
+
    margin-top: 10px;
 margin-right: 5px;
 margin-bottom: 10px;
 margin-left: 5px;
    
 
 
    sont équivalentes à la déclaration qui suit (on notera que les valeurs sont ordonnés dans le sens horaire : haut, droit, bas, gauche ; un moyen mnémotechnique est d'utiliser l'acronyme anglais TRBL qui ressemble à trouble) :
    
 
-
    margin: 10px 5px 10px 5px;
    
+
    margin: 10px 5px 10px 5px;
    
 
 
    La propriété raccourcie universelle
    
 
 
    CSS fournit une propriété raccourcie qui permet d'appliquer une même valeur à l'ensemble des propriétés du document : {{cssxref("all")}}.
    
 
-
    Voir l'article sur la cascade et l'héritage pour plus d'informations sur le fonctionnement de l'héritage.
    
+
    Voir l'article sur la cascade et l'héritage pour plus d'informations sur le fonctionnement de l'héritage.
    
 
 
    Voir aussi
    
 
-- 
cgit v1.2.3-54-g00ecf
    corner1.pngcorner1.png 1 valeur : border-radius: 1em — La valeur s'applique à tous les coins.
    corner2.pngcorner2.png 2 valeurs : border-radius: 1em 2em — La première valeur s'applique aux coins en haut à gauche et en bas à droite et la deuxième s'applique aux coins en haut à droite et en bas à gauche.
    corner3.pngcorner3.png 3 valeurs : border-radius: 1em 2em 3em — La première valeur représente le coin en haut à gauche, la deuxième représente les coins en haut à droite et en bas à gauche et la troisième valeur représente le coin en bas à droite.
    corner4.pngcorner4.png

    4 valeurs : border-radius: 1em 2em 3em 4em — Les quatre valeurs s'appliquent respectivement au coin en haut à gauche, en haut à droite, en bas à droite et en bas à gauche, toujours dans cet ordre (le sens horaire).