From 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:27 +0100 Subject: move *.html to *.md --- files/fr/web/svg/attribute/fill-opacity/index.html | 91 ---------------------- files/fr/web/svg/attribute/fill-opacity/index.md | 91 ++++++++++++++++++++++ 2 files changed, 91 insertions(+), 91 deletions(-) delete mode 100644 files/fr/web/svg/attribute/fill-opacity/index.html create mode 100644 files/fr/web/svg/attribute/fill-opacity/index.md (limited to 'files/fr/web/svg/attribute/fill-opacity') diff --git a/files/fr/web/svg/attribute/fill-opacity/index.html b/files/fr/web/svg/attribute/fill-opacity/index.html deleted file mode 100644 index 82e5f456c3..0000000000 --- a/files/fr/web/svg/attribute/fill-opacity/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: fill-opacity -slug: Web/SVG/Attribute/fill-opacity -tags: - - SVG - - SVG Attribute -translation_of: Web/SVG/Attribute/fill-opacity ---- -
{{SVGRef}}
- -

L'attribut fill-opacity définit l'opacité du remplissage (couleur, dégradé, motif, etc) appliqué à une forme.

- -
-

Note : fill-opacity étant un attribut de présentation, il peut être utilisé comme propriété CSS.

-
- -

Cet attribut peut être appliqué sur tous les éléments, en revanche il n'aura d'effet que sur les éléments suivants: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, et {{SVGElement('tspan')}}

- -

Exemple

- - - -
<svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg">
-  <!-- Opacité par défaut: 1 -->
-  <circle cx="50" cy="50" r="40" />
-
-  <!-- Définit l'opacité avec un nombre -->
-  <circle cx="150" cy="50" r="40"
-          fill-opacity="0.7" />
-
-  <!-- Définit l'opaité avec un pourcentage -->
-  <circle cx="250" cy="50" r="40"
-          fill-opacity="50%" />
-
-  <!-- Définit l'opacité avec une propriété CSS -->
-  <circle cx="350" cy="50" r="40"
-          style="fill-opacity: .25;" />
-</svg>
- -

{{EmbedLiveSample('exemple', '100%', 150)}}

- -

Notes d'utilisation

- - - - - - - - - - - - - - - - -
Valeur[0-1] | <percentage>
Valeur par défaut1
AnimationOui
- -
-

Note : SVG2 introduit les valeurs en pourcentage pour fill-opacity. Cependant,  ce n'est pas souvent pris en charge pour le moment (Voir {{anch('Compatibilité des navigateurs')}} ci-dessous). Il est par conséquent recommandé d'utiliser les valeurs de l'intervalle [0-1].

-
- -

Compatibilité des navigateurs

- -

{{Compat("svg.attributes.presentation.fill-opacity")}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("SVG2", "painting.html#FillOpacityProperty", "fill-opacity")}}{{Spec2("SVG2")}}Définition pour les formes et le texte.
{{SpecName("SVG1.1", "painting.html#FillOpacityProperty", "fill-opacity")}}{{Spec2("SVG1.1")}}Définition initiale pour les formes et le texte.
diff --git a/files/fr/web/svg/attribute/fill-opacity/index.md b/files/fr/web/svg/attribute/fill-opacity/index.md new file mode 100644 index 0000000000..82e5f456c3 --- /dev/null +++ b/files/fr/web/svg/attribute/fill-opacity/index.md @@ -0,0 +1,91 @@ +--- +title: fill-opacity +slug: Web/SVG/Attribute/fill-opacity +tags: + - SVG + - SVG Attribute +translation_of: Web/SVG/Attribute/fill-opacity +--- +
{{SVGRef}}
+ +

L'attribut fill-opacity définit l'opacité du remplissage (couleur, dégradé, motif, etc) appliqué à une forme.

+ +
+

Note : fill-opacity étant un attribut de présentation, il peut être utilisé comme propriété CSS.

+
+ +

Cet attribut peut être appliqué sur tous les éléments, en revanche il n'aura d'effet que sur les éléments suivants: {{SVGElement('altGlyph')}}, {{SVGElement('circle')}}, {{SVGElement('ellipse')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('rect')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, et {{SVGElement('tspan')}}

+ +

Exemple

+ + + +
<svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg">
+  <!-- Opacité par défaut: 1 -->
+  <circle cx="50" cy="50" r="40" />
+
+  <!-- Définit l'opacité avec un nombre -->
+  <circle cx="150" cy="50" r="40"
+          fill-opacity="0.7" />
+
+  <!-- Définit l'opaité avec un pourcentage -->
+  <circle cx="250" cy="50" r="40"
+          fill-opacity="50%" />
+
+  <!-- Définit l'opacité avec une propriété CSS -->
+  <circle cx="350" cy="50" r="40"
+          style="fill-opacity: .25;" />
+</svg>
+ +

{{EmbedLiveSample('exemple', '100%', 150)}}

+ +

Notes d'utilisation

+ + + + + + + + + + + + + + + + +
Valeur[0-1] | <percentage>
Valeur par défaut1
AnimationOui
+ +
+

Note : SVG2 introduit les valeurs en pourcentage pour fill-opacity. Cependant,  ce n'est pas souvent pris en charge pour le moment (Voir {{anch('Compatibilité des navigateurs')}} ci-dessous). Il est par conséquent recommandé d'utiliser les valeurs de l'intervalle [0-1].

+
+ +

Compatibilité des navigateurs

+ +

{{Compat("svg.attributes.presentation.fill-opacity")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("SVG2", "painting.html#FillOpacityProperty", "fill-opacity")}}{{Spec2("SVG2")}}Définition pour les formes et le texte.
{{SpecName("SVG1.1", "painting.html#FillOpacityProperty", "fill-opacity")}}{{Spec2("SVG1.1")}}Définition initiale pour les formes et le texte.
-- cgit v1.2.3-54-g00ecf