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/font-variant-numeric/index.md | 162 ++++++++++++------------- 1 file changed, 81 insertions(+), 81 deletions(-) (limited to 'files/fr/web/css/font-variant-numeric/index.md') diff --git a/files/fr/web/css/font-variant-numeric/index.md b/files/fr/web/css/font-variant-numeric/index.md index b76c7896db..ad8967a4dd 100644 --- a/files/fr/web/css/font-variant-numeric/index.md +++ b/files/fr/web/css/font-variant-numeric/index.md @@ -7,79 +7,90 @@ tags: - Reference translation_of: Web/CSS/font-variant-numeric --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété font-variant-numeric permet de contrôler l'utilisation de glyphes alternatifs pour les nombres, fractions et les marqueurs ordinaux.

+La propriété **`font-variant-numeric`** permet de contrôler l'utilisation de glyphes alternatifs pour les nombres, fractions et les marqueurs ordinaux. -
{{EmbedInteractiveExample("pages/css/font-variant-numeric.html")}}
+{{EmbedInteractiveExample("pages/css/font-variant-numeric.html")}} -

Syntaxe

+## Syntaxe -
font-variant-numeric: normal;
+```css
+font-variant-numeric: normal;
 font-variant-numeric: ordinal;
 font-variant-numeric: slashed-zero;
-font-variant-numeric: lining-nums;         /* <numeric-figure-values> */
-font-variant-numeric: oldstyle-nums;       /* <numeric-figure-values> */
-font-variant-numeric: proportional-nums;   /* <numeric-spacing-values> */
-font-variant-numeric: tabular-nums;        /* <numeric-spacing-values> */
-font-variant-numeric: diagonal-fractions;  /* <numeric-fraction-values> */
-font-variant-numeric: stacked-fractions;   /* <numeric-fraction-values> */
+font-variant-numeric: lining-nums;         /*  */
+font-variant-numeric: oldstyle-nums;       /*  */
+font-variant-numeric: proportional-nums;   /*  */
+font-variant-numeric: tabular-nums;        /*  */
+font-variant-numeric: diagonal-fractions;  /*  */
+font-variant-numeric: stacked-fractions;   /*  */
 font-variant-numeric: oldstyle-nums stacked-fractions;
 
 /* Valeurs globales */
 font-variant-numeric: inherit;
 font-variant-numeric: initial;
 font-variant-numeric: unset;
-
- -

La valeur de cette propriété peut être définie selon deux formes :

- - - -

Valeurs

- -
-
normal
-
Ce mot-clé désactive l'utilisation des glyphes alternatifs.
-
ordinal
-
Ce mot-clé permet de forcer l'utilisation de glyphes spéciaux pour les marqueurs ordinaux utilisés par exemple pour 1er, 2e, 3e, etc. Il correspond aux valeurs OpenType values ordn.
-
slashed-zero
-
Ce mot-clé permet de forcer l'application d'une barre oblique après un 0. Cela peut être utile quand on cherche à distinguer un O majuscule d'un 0. Il correspond aux valeurs  OpenType zero.
-
<numeric-figure-values>
-
Ces valeurs contrôlent les chiffres utilisés pour les nombres. Deux valeurs peuvent être utilisées : -
    -
  • lining-nums permet d'activer l'ensemble de chiffres pour lequel tous les nombres sont apposés sur la ligne de base. Elle correspond aux valeurs OpenType lnum.
    • -
  • oldstyle-nums permet d'activer l'ensemble de chiffres pour lequel certains nombres, comme 3, 4, 7, 9, ont un jambage. Elle correspond aux valleurs OpenType onum.
    • -
-
-
<numeric-spacing-values>
-
Ces valeurs permettent de contrôler la taille des chiffres utilisés pour les nombres. On peut utiliser deux valelurs : -
    -
  • proportional-nums permet d'activer l'ensemble où les chiffres ne sont pas tous de la même taille. Elle correspond aux valeurs OpenType pnum.
    • -
  • tabular-nums permet d'activer l'ensemble où les chiffres ont la même taille (ce qui leur permet d'être facilement alignés dans des tableaux). Elle correspond aux valeurs OpenType tnum.
    • -
-
-
<numeric-fraction-values>
-
Ces valeurs permettent de contrôler les glyphes utilisés pour afficher les fractions : -
    -
  • diagonal-fractions permet d'utiliser l'ensemble où le numérateur et le dénominateur sont plus petits et séparés par une barre oblique. Elle correspond aux valeurs OpenType frac.
    • -
  • stacked-fractions permet d'utiliser l'ensemble où les chiffres du numérateur et du dénominateur sont plus petits et séparés par une ligne horizontale. Elle correspond aux valeurs OpenType afrc.
    • -
-
-
- -

Syntaxe formelle

+``` + +La valeur de cette propriété peut être définie selon deux formes : + +- la première avec le mot-clé `normal` +- la seconde avec une ou plusieurs valeurs parmi celles définies ci-après, séparées par des espaces et dans n'importe quel ordre. + +### Valeurs + +- `normal` + - : Ce mot-clé désactive l'utilisation des glyphes alternatifs. +- `ordinal` + + - : Ce mot-clé permet de forcer l'utilisation de glyphes spéciaux pour les marqueurs ordinaux utilisés par exemple pour 1 + + er + + , 2 + + e + + , 3 + + e + + , etc. Il correspond aux valeurs OpenType values `ordn`. + +- `slashed-zero` + - : Ce mot-clé permet de forcer l'application d'une barre oblique après un 0. Cela peut être utile quand on cherche à distinguer un O majuscule d'un 0. Il correspond aux valeurs  OpenType `zero`. +- _\ + + - : Ces valeurs contrôlent les chiffres utilisés pour les nombres. Deux valeurs peuvent être utilisées : + + - `lining-nums` permet d'activer l'ensemble de chiffres pour lequel tous les nombres sont apposés sur la ligne de base. Elle correspond aux valeurs OpenType `lnum`. + - `oldstyle-nums` permet d'activer l'ensemble de chiffres pour lequel certains nombres, comme 3, 4, 7, 9, ont un jambage. Elle correspond aux valleurs OpenType `onum`. + +- _\ + + - : Ces valeurs permettent de contrôler la taille des chiffres utilisés pour les nombres. On peut utiliser deux valelurs : + + - `proportional-nums` permet d'activer l'ensemble où les chiffres ne sont pas tous de la même taille. Elle correspond aux valeurs OpenType `pnum`. + - `tabular-nums` permet d'activer l'ensemble où les chiffres ont la même taille (ce qui leur permet d'être facilement alignés dans des tableaux). Elle correspond aux valeurs OpenType `tnum`. + +- _\ + + - : Ces valeurs permettent de contrôler les glyphes utilisés pour afficher les fractions : + + - `diagonal-fractions` permet d'utiliser l'ensemble où le numérateur et le dénominateur sont plus petits et séparés par une barre oblique. Elle correspond aux valeurs OpenType `frac`. + - `stacked-fractions` permet d'utiliser l'ensemble où les chiffres du numérateur et du dénominateur sont plus petits et séparés par une ligne horizontale. Elle correspond aux valeurs OpenType `afrc`. + +### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
/*
+```css
+/*
 Cet exemple utilise la police Source Sans Pro OpenType développée par Adobe
 et utilisée ici sous les termes de la licence SIL Open Font en Version 1.1 :
 http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web
@@ -96,37 +107,26 @@ http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web
   font-variant-numeric: ordinal;
   font-family: "Source Sans Pro";
 }
-
+``` -

HTML

+### HTML -
<p class="ordinal">Premier, deuxième, troisième, quatrième, cinquième</p>
+```html +

Premier, deuxième, troisième, quatrième, cinquième

+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples")}}

+{{EmbedLiveSample("Exemples")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Fonts', '#propdef-font-variant-numeric', 'font-variant-numeric')}}{{Spec2('CSS3 Fonts')}}Définition initiale.
+| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | -------------------- | +| {{SpecName('CSS3 Fonts', '#propdef-font-variant-numeric', 'font-variant-numeric')}} | {{Spec2('CSS3 Fonts')}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.font-variant-numeric")}}

+{{Compat("css.properties.font-variant-numeric")}} -- cgit v1.2.3-54-g00ecf