From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/-webkit-text-stroke/index.md | 114 +++++++++++--------------- 1 file changed, 49 insertions(+), 65 deletions(-) (limited to 'files/fr/web/css/-webkit-text-stroke') diff --git a/files/fr/web/css/-webkit-text-stroke/index.md b/files/fr/web/css/-webkit-text-stroke/index.md index 1b44d52d3b..5149521a93 100644 --- a/files/fr/web/css/-webkit-text-stroke/index.md +++ b/files/fr/web/css/-webkit-text-stroke/index.md @@ -8,88 +8,72 @@ tags: - Reference translation_of: Web/CSS/-webkit-text-stroke --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} -

La propriété -webkit-text-stroke permet de définir l'épaisseur et la couleur du contour utilisé pour les lettres d'un texte. Cette propriété est une propriété raccourcie qui permet de définir les propriétés {{cssxref("-webkit-text-stroke-width")}} et {{cssxref("-webkit-text-stroke-color")}}.

+La propriété **`-webkit-text-stroke`** permet de définir l'épaisseur et la couleur du contour utilisé pour les lettres d'un texte. Cette propriété est une propriété raccourcie qui permet de définir les propriétés {{cssxref("-webkit-text-stroke-width")}} et {{cssxref("-webkit-text-stroke-color")}}. -
/* Valeurs de largeur et de couleur */
+```css
+/* Valeurs de largeur et de couleur */
 -webkit-text-stroke: 4px navy;
 
 /* Valeurs globales */
 -webkit-text-stroke: inherit;
 -webkit-text-stroke: initial;
 -webkit-text-stroke: unset;
-
+``` -

Syntaxe

+## Syntaxe -

Valeurs

+### Valeurs -
-
<length>
-
L'épaisseur du contour (cf. {{cssxref("<length>")}}).
-
<color>
-
La couleur du contour (cf. {{cssxref("<color>")}}).
-
+- `` + - : L'épaisseur du contour (cf. {{cssxref("<length>")}}). +- `` + - : La couleur du contour (cf. {{cssxref("<color>")}}). -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
#exemple {
+```css
+#exemple {
   font-size: 3em;
   margin: 0;
   -webkit-text-stroke: 2px red;
-}
- -

HTML

- -
<p id="exemple">Le contour de ce texte est rouge.</p>
- -

Résultat

- -

{{EmbedLiveSample("Exemples", 600, 60)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('Compat', '#the-webkit-text-stroke', '-webkit-text-stroke')}}{{Spec2('Compat')}}Définition initiale dans un standard.
Référence CSS Safari -webkit-text-stroke dans ce document.Documentation non-officielle, non-standard.Documentation initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.-webkit-text-stroke")}}

- -

Voir aussi

- - +} +``` + +### HTML + +```html +

Le contour de ce texte est rouge.

+``` + +### Résultat + +{{EmbedLiveSample("Exemples", 600, 60)}} + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------- | ------------------------------------- | +| {{SpecName('Compat', '#the-webkit-text-stroke', '-webkit-text-stroke')}} | {{Spec2('Compat')}} | Définition initiale dans un standard. | +| [Référence CSS Safari -webkit-text-stroke dans ce document.](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_text_stroke) | Documentation non-officielle, non-standard. | Documentation initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.-webkit-text-stroke")}} + +## Voir aussi + +- [Le billet de _Surfin' Safari_ qui annonce cette fonctionnalité (en anglais)](https://www.webkit.org/blog/85/introducing-text-stroke/) +- [L'article de CSS-Tricks décrivant cette fonctionnalité (en anglais)](https://css-tricks.com/adding-stroke-to-web-text/) +- {{cssxref("-webkit-text-stroke-width")}} +- {{cssxref("-webkit-text-stroke-color")}} +- {{cssxref("-webkit-text-fill-color")}} -- cgit v1.2.3-54-g00ecf