From e7f1d07cba1f78b72eb43bfcdabc262359c4991a Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Mon, 1 Nov 2021 07:45:47 +0100 Subject: Prepare SVG section for Markdown conversion (#2570) * Remove summary classes * Remove hidden classes out of pre * Remove spans * Remove notranslate class * Remove ids out of headings * missed 2 ids with regex * clean note and warning cards * fix headings errors * Fix dls and as * fix imgs * lint stuff (absolute urls, english links) * Temporarily readding file * delete inexisting doc in en-US with flaws * Fixes #2842 for SVG --- files/fr/web/svg/attribute/presentation/index.html | 268 ++++++++++----------- 1 file changed, 132 insertions(+), 136 deletions(-) (limited to 'files/fr/web/svg/attribute/presentation') diff --git a/files/fr/web/svg/attribute/presentation/index.html b/files/fr/web/svg/attribute/presentation/index.html index d1c646c803..bf0a47bbee 100644 --- a/files/fr/web/svg/attribute/presentation/index.html +++ b/files/fr/web/svg/attribute/presentation/index.html @@ -7,266 +7,262 @@ translation_of: Web/SVG/Attribute/Presentation

Les attributs SVG de présentation sont des propriétés CSS pouvant être utilisées comme attributs sur les éléments SVG

-
-

Attributs

-

 

-
-
{{SVGAttr('alignment-baseline')}}
+
{{SVGAttr('alignment-baseline')}}
Spécifie comment un objet est aligné sur la ligne de pied de la police par rapport à son parent.
Valeur: auto|baseline|before-edge|text-before-edge|middle|central|after-edge|text-after-edge|ideographic|alphabetic|hanging|mathematical|inherit; Animation: Oui
-
{{SVGAttr('baseline-shift')}}
+
{{SVGAttr('baseline-shift')}}
Permet de positionner la ligne de pied de l'élément par rapport à celle de son parent.
Valeur: auto|baseline|super|sub|<percentage>|<length>|inherit; Animation: Oui
-
{{SVGAttr('clip')}} {{deprecated_inline('css')}}
+
{{SVGAttr('clip')}} {{deprecated_inline('css')}}
Définit quelle partie d'un élément est visible.
Valeur: auto|{{cssxref("shape")}}|inherit; Animation: Oui
-
{{SVGAttr('clip-path')}}
+
{{SVGAttr('clip-path')}}
Associe un chemin de détourage {{SVGElement('clipPath')}} à l'élément.
Valeur: none|<FuncIRI>|inherit; Animation: Oui
-
{{SVGAttr('clip-rule')}}
+
{{SVGAttr('clip-rule')}}
Indique la règle de remplissage à appliquer sur un élément {{SVGElement('clipPath')}}.
Valeur: nonezero|evenodd|inherit; Animation: Oui
-
{{SVGAttr('color')}}
+
{{SVGAttr('color')}}
Définit la valeur potentielle (valeur de currentColor) pour les attributs de présentation fill, stroke, stop-color, flood-color et lighting-color.
Valeur: <color>|inherit; Animation: Oui
-
{{SVGAttr('color-interpolation')}}
+
{{SVGAttr('color-interpolation')}}
Spécifie l'espace colométrique pour les interpolations de dégradés, les animations couleur et composition alpha.
Valeur: auto|sRGB|linearRGB|inherit; Animation: Oui
-
{{SVGAttr('color-interpolation-filters')}}
+
{{SVGAttr('color-interpolation-filters')}}
Spécifie l'espace colométrique pour les opérations effectuées via des effets de filtre.
Valeur: auto|sRGB|linearRGB|inherit; Animation: Oui
-
{{SVGAttr('color-profile')}} {{deprecated_inline('svg2')}}
+
{{SVGAttr('color-profile')}} {{deprecated_inline('svg2')}}
Définit le profil de couleur qu'une image bitmap incluse via l'élément {{SVGElement('image')}} doit utiliser.
Valeur: auto|sRGB|linearRGB|<name>|<IRI>|inherit; Animation: Oui
-
{{SVGAttr('color-rendering')}}
+
{{SVGAttr('color-rendering')}}
Indique au navigateur comment optimiser ses opérations d'interpolation et de composition des couleurs.
Valeur: auto|optimizeSpeed|optimizeQuality|inherit; Animation: Oui
-
{{SVGAttr('cursor')}}
+
{{SVGAttr('cursor')}}
Spécifie le curseur affiché lorsque la souris passe au-desuss de l'élément.
Valeur: <FuncIRI>|<keywords>|inherit; Animation: Oui
-
{{SVGAttr('direction')}}
+
{{SVGAttr('direction')}}
Spécifie la direction d'écriture du texte.
Valeur: ltr|rtl|inherit; Animation: Oui
-
{{SVGAttr('display')}}
+
{{SVGAttr('display')}}
Permet de contrôler le rendu d'éléments graphiques ou conteneurs.
Valeur: see css {{cssxref('display')}}; Animation: Oui
-
{{SVGAttr('dominant-baseline')}}
+
{{SVGAttr('dominant-baseline')}}
Définit la ligne de pied utilisée pour aligner le texte.
Valeur: auto|text-bottom|alphabetic|ideographic|middle|central| mathematical|hanging|text-top; Animation: Oui
-
{{SVGAttr('enable-background')}} {{deprecated_inline('svg2')}}
+
{{SVGAttr('enable-background')}} {{deprecated_inline('svg2')}}
Indique au navigateur comment gérer l'image d'arrière plan.
Valeur: accumulate|new|inherit; Animation: Non
-
{{SVGAttr('fill')}}
+
{{SVGAttr('fill')}}
Définit la couleur de remplissage d'un élément graphique.
Valeur: <paint>; Animation: Oui
-
{{SVGAttr('fill-opacity')}}
+
{{SVGAttr('fill-opacity')}}
Définit l'opacité du remplissage de l'élément.
Valeur: <number>|<percentage>; Animation: Oui
-
{{SVGAttr('fill-rule')}}
+
{{SVGAttr('fill-rule')}}
Indique comment déterminer quelles parties du chemin se trouvent à l'intérieur de la forme.
Valeur: nonzero|evenodd|inherit; Animation: Oui
-
{{SVGAttr('filter')}}
+
{{SVGAttr('filter')}}
Applique un filtre, définit par un élément {{SVGElement('filter')}}, à l'élément.
Valeur: <FuncIRI>|none|inherit; Animation: Oui
-
{{SVGAttr('flood-color')}}
+
{{SVGAttr('flood-color')}}
Indique quelle couleur utiliser pour remplir la région du filtre, définit par les éléments {{SVGElement('feFlood')}} ou {{SVGElement('feDropShadow')}}.
Valeur: <color>; Animation: Oui
-
{{SVGAttr('flood-opacity')}}
+
{{SVGAttr('flood-opacity')}}
Indique l'opacité à utiliser pour remplir la région du filtre, définit par les éléments {{SVGElement('feFlood')}} ou {{SVGElement('feDropShadow')}}.
Valeur: <number>|<percentage>; Animation: Oui
-
{{SVGAttr('font-family')}}
+
{{SVGAttr('font-family')}}
Indique la police utiliser pour restituer le texte de l'élément.
Valeur: see css {{cssxref('font-family')}}; Animation: Oui
-
{{SVGAttr('font-size')}}
+
{{SVGAttr('font-size')}}
Spécifie la taille de la police.
Valeur: see css {{cssxref('font-size')}}; Animation: Oui
-
{{SVGAttr('font-size-adjust')}}
+
{{SVGAttr('font-size-adjust')}}
Spécifie que la taille de la police doit être choisit en se basant sur la taille des lettres minuscules et non des majuscules.
Valeur: <number>|none|inherit; Animation: Oui
-
{{SVGAttr('font-stretch')}}
+
{{SVGAttr('font-stretch')}}
Sélectionne la version normale, condensée ou espacée d'une police.
Valeur: see css {{cssxref('font-stretch')}}; Animation: Oui
-
{{SVGAttr('font-style')}}
+
{{SVGAttr('font-style')}}
Spécifie si la police doit être stylisée en normal, italique ou oblique.
Valeur: normal|italic|oblique; Animation: Oui
-
{{SVGAttr('font-variant')}}
+
{{SVGAttr('font-variant')}}
Spécifie si une police doit utiliser certaines variations, telles que les petites majuscules ou les ligatures.
Valeur: see css {{cssxref('font-variant')}}; Animation: Oui
-
{{SVGAttr('font-weight')}}
+
{{SVGAttr('font-weight')}}
Spécifie l'épaisseur (ou graisse) de la police.
Valeur: normal|bold|lighter|bolder|100|200|300|400|500|600|700|800|900; Animation: Oui
-
{{SVGAttr('glyph-orientation-horizontal')}} {{deprecated_inline('svg2')}}
+
{{SVGAttr('glyph-orientation-horizontal')}} {{deprecated_inline('svg2')}}
Contrôle l'orientation des glyphes lorsque la direction en ligne est horizontale.
Valeur: <angle>|inherit; Animation: Non
-
{{SVGAttr('glyph-orientation-vertical')}} {{deprecated_inline('svg2')}}
+
{{SVGAttr('glyph-orientation-vertical')}} {{deprecated_inline('svg2')}}
Contrôle l'orientation des glyphes lorsque la direction en ligne est verticale.
Valeur: auto|<angle>|inherit; Animation: Non
-
{{SVGAttr('image-rendering')}}
+
{{SVGAttr('image-rendering')}}
Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu des images.
Valeur: auto|optimizeQuality|optimizeSpeed; Animation: Oui
-
{{SVGAttr('kerning')}} {{deprecated_inline('svg2')}}
+
{{SVGAttr('kerning')}} {{deprecated_inline('svg2')}}
Indique au navigateur s'il doit ajuster l'espacement entre les glyphes.
Valeur: auto|<length>|inherit; Animation: Oui
-
{{SVGAttr('letter-spacing')}}
+
{{SVGAttr('letter-spacing')}}
Contrôle l'espacement entre les caratères du texte.
Valeur: normal|<length>|inherit; Animation: Oui
-
{{SVGAttr('lighting-color')}}
+
{{SVGAttr('lighting-color')}}
Définit la couleur de la source de lumière pour les filtres {{SVGElement('feDiffuseLighting')}} et {{SVGElement('feSpecularLighting')}}.
Valeur: <color>; Animation: Oui
-
{{SVGAttr('marker-end')}}
+
{{SVGAttr('marker-end')}}
Définit la pointe de la flèche ou polymarker dessiné à la fin de l'élément {{SVGElement('path')}} ou ou de la forme.
Valeur: <FuncIRI>|none|inherit; Animation: Oui
-
{{SVGAttr('marker-mid')}}
+
{{SVGAttr('marker-mid')}}
Définit la pointe de la flèche ou polymarker dessiné entre chaque segment de l'élément {{SVGElement('path')}} ou de la forme.
Valeur: <FuncIRI>|none|inherit; Animation: Oui
-
{{SVGAttr('marker-start')}}
+
{{SVGAttr('marker-start')}}
Définit la pointe de la flèche ou polymarker dessiné au début de l'élément {{SVGElement('path')}} ou ou de la forme.
Valeur: <FuncIRI>|none|inherit; Animation: Oui
-
{{SVGAttr('mask')}}
+
{{SVGAttr('mask')}}
Modifie la visibilité d'un élément en masquant ou détourant l'image à des endroits spécifiques.
Valeur: see css {{cssxref('mask')}}; Animation: Oui
-
{{SVGAttr('opacity')}}
+
{{SVGAttr('opacity')}}
Spécifie l'opacité d'un objet ou d'un groupe d'objets.
Valeur: <opacity-value>; Animation: Oui
-
{{SVGAttr('overflow')}}
+
{{SVGAttr('overflow')}}
Spécifie si le contenu d'un élément bloc est tronqué lorsqu'il déborde de la zone de l'élément.
Valeur: visible|hidden|scroll|auto|inherit; Animation: Oui
-
{{SVGAttr('pointer-events')}}
+
{{SVGAttr('pointer-events')}}
Définit si et quand un élément peut être la cible d'un événement de la souris.
Valeur: bounding-box|visiblePainted|visibleFil|visibleStroke|visible |painted|fill|stroke|all|none; Animation: Oui
-
{{SVGAttr('shape-rendering')}}
+
{{SVGAttr('shape-rendering')}}
Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu des éléments {{SVGElement('path')}} et des formes.
Valeur: auto|optimizeSpeed|crispEdges|geometricPrecision |inherit; Animation: Oui
-
{{SVGAttr('solid-color')}}
+
{{SVGAttr('solid-color')}}
-
Valeur:; Animation: -
-
{{SVGAttr('solid-opacity')}}
+
{{SVGAttr('solid-opacity')}}
-
Valeur:; Animation: -
-
{{SVGAttr('stop-color')}}
+
{{SVGAttr('stop-color')}}
Indique la couleur à utiliser sur un {{SVGElement('stop')}} d'un dégradé.
- Valeur: currentColor|<color>|<icccolor>|inherit; Animation: Oui
-
{{SVGAttr('stop-opacity')}}
+ Valeur: currentColor|<color>|<icccolor>|inherit; Animation: Oui +
{{SVGAttr('stop-opacity')}}
Indique l'opacité du {{SVGElement('stop')}}.
- Valeur: <opacity-value>|inherit; Animation: Oui
-
{{SVGAttr('stroke')}}
+ Valeur: <opacity-value>|inherit; Animation: Oui +
{{SVGAttr('stroke')}}
Définit la couleur à utiliser pour le contour de l'élément.
Valeur: <paint>; Animation: Oui
-
{{SVGAttr('stroke-dasharray')}}
+
{{SVGAttr('stroke-dasharray')}}
Définit le motif des pointillés utilisé pour dessiner le contour de la forme.
Valeur: none|<dasharray>; Animation: Oui
-
{{SVGAttr('stroke-dashoffset')}}
+
{{SVGAttr('stroke-dashoffset')}}
Décale la position de départ des pointillés.
- Valeur: <percentage>|<length>; Animation: Oui
-
{{SVGAttr('stroke-linecap')}}
+ Valeur: <percentage>|<length>; Animation: Oui +
{{SVGAttr('stroke-linecap')}}
Définit la forme de la fin des lignes.
Valeur: butt|round|square; Animation: Oui
-
{{SVGAttr('stroke-linejoin')}}
+
{{SVGAttr('stroke-linejoin')}}
Définit la manière de dessiner la liaison entre deux segments de ligne.
Valeur: arcs|bevel|miter|miter-clip|round; Animation: Oui
-
{{SVGAttr('stroke-miterlimit')}}
+
{{SVGAttr('stroke-miterlimit')}}
Définit la limite du rapport entre la longueur du coin et la valeur de {{SVGAttr('stroke-width')}} utilisée pour dessiner la liaison entre deux segments de ligne.
- Valeur: <number>; Animation: Oui
-
{{SVGAttr('stroke-opacity')}}
+ Valeur: <number>; Animation: Oui +
{{SVGAttr('stroke-opacity')}}
Définit l'opacité du contour d'une forme.
- Valeur: <opacity-value>|<percentage>; Animation: Oui
-
{{SVGAttr('stroke-width')}}
+ Valeur: <opacity-value>|<percentage>; Animation: Oui +
{{SVGAttr('stroke-width')}}
Définit l'épaisseur du contour appliqué à une forme.
Valeur: <length>|<percentage>; Animation: Oui
-
{{SVGAttr('text-anchor')}}
+
{{SVGAttr('text-anchor')}}
Définit l'alignement vertical d'une chaîne de texte.
Valeur: start|middle|end|inherit; Animation: Oui
-
{{SVGAttr('text-decoration')}}
+
{{SVGAttr('text-decoration')}}
Définit l'apparence des lignes décoratives sur le texte.
Valeur: none|underline|overline|line-through|blink|inherit; Animation: Oui
-
{{SVGAttr('text-rendering')}}
+
{{SVGAttr('text-rendering')}}
Indique au navigateur le compromis à effectuer entre vitesse et qualité du rendu du texte.
Valeur: auto|optimizeSpeed|optimizeLegibility|geometricPrecision|inherit; Animation: Oui
-
{{SVGAttr('transform')}}
+
{{SVGAttr('transform')}}
Définit une liste de transformations à appliquer à un élément et à ses enfants.
Valeur: <transform-list>; Animation: Oui
-
{{SVGAttr('unicode-bidi')}}
+
{{SVGAttr('unicode-bidi')}}
-
Valeur:; Animation: -
-
{{SVGAttr('vector-effect')}}
+
{{SVGAttr('vector-effect')}}
Spécifie l'effet vectoriel à utiliser lors du dessin d'un objet.
Valeur: default|non-scaling-stroke|inherit|<uri>; Animation: Oui
-
{{SVGAttr('visibility')}}
+
{{SVGAttr('visibility')}}
Définit la visibilité d'éléments graphiques.
Valeur: visible|hidden|collapse|inherit; Animation: Oui
-
{{SVGAttr('word-spacing')}}
+
{{SVGAttr('word-spacing')}}
Définit la longueur des espaces entre les mots d'un texte.
- Valeur: <length>|inherit; Animation: Oui
-
{{SVGAttr('writing-mode')}}
+ Valeur: <length>|inherit; Animation: Oui +
{{SVGAttr('writing-mode')}}
Spécifie si la direction d'un élément  {{SVGElement('text')}} doit être de gauche-à-droite, droite-à-gauche, ou de haut-en-bas.
Valeur: lr-tb|rl-tb|tb-rl|lr|rl|tb|inherit; Animation: Oui
-- cgit v1.2.3-54-g00ecf