From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/css_properties_and_values_api/index.md | 54 +++++++++++----------- 1 file changed, 26 insertions(+), 28 deletions(-) (limited to 'files/fr/web/api/css_properties_and_values_api') diff --git a/files/fr/web/api/css_properties_and_values_api/index.md b/files/fr/web/api/css_properties_and_values_api/index.md index 639f947c8c..eab131b831 100644 --- a/files/fr/web/api/css_properties_and_values_api/index.md +++ b/files/fr/web/api/css_properties_and_values_api/index.md @@ -1,52 +1,50 @@ --- title: CSS Properties and Values API (Propriétés et valeurs) slug: Web/API/CSS_Properties_and_Values_API -translation_of: 'Web/API/CSS_Properties_and_Values_API' +translation_of: Web/API/CSS_Properties_and_Values_API --- -

{{SeeCompatTable}} L'API Propriétés et valeurs CSS — qui fait partie de l'ensemble d'API CSS Houdini — sert à définir explicitement des propriétés CSS personnalisées, ce qui permet la vérification des types de propriétés, de leur donner des valeurs par défaut et de déterminer si une propriété peut hériter ses valeurs ou non.

+{{SeeCompatTable}} L'**API Propriétés et valeurs CSS** — qui fait partie de l'ensemble d'API [CSS Houdini](/fr/docs/Web/Houdini) — sert à définir explicitement des [propriétés CSS personnalisées](/fr/docs/Web/CSS/--*), ce qui permet la vérification des types de propriétés, de leur donner des valeurs par défaut et de déterminer si une propriété peut hériter ses valeurs ou non. -

Interfaces

+## Interfaces -
-
{{domxref('CSS.registerProperty')}}
-
Définit la manière dont un navigateur devrait analyser une {{cssxref('--*', 'propriété CSS personnalisée')}}. L'accès à cette interface se fait en JavaScript via {{domxref('CSS.registerProperty')}}.
-
{{cssxref('@property')}}
-
Définit la manière dont un navigateur devrait analyser une {{cssxref('--*', 'propriété CSS personnalisée')}}. L'accès à cette interface se fait à l'aide d'une règle at-rule {{cssxref('@property')}} en CSS.
-
+- {{domxref('CSS.registerProperty')}} + - : Définit la manière dont un navigateur devrait analyser une {{cssxref('--*', 'propriété CSS personnalisée')}}. L'accès à cette interface se fait en [JavaScript](/fr/docs/Web/JavaScript) via {{domxref('CSS.registerProperty')}}. +- {{cssxref('@property')}} + - : Définit la manière dont un navigateur devrait analyser une {{cssxref('--*', 'propriété CSS personnalisée')}}. L'accès à cette interface se fait à l'aide d'une règle [at-rule](/fr/docs/Web/CSS/At-rule) {{cssxref('@property')}} en [CSS](/fr/docs/Web/CSS). -

Exemples

+## Exemples -

L'exemple suivant utilise {{domxref('CSS.registerProperty')}} en JavaScript pour typer une propriété CSS personnalisée, --ma-couleur en tant que couleur et que valeur par défaut, sans lui permettre d'hériter de sa valeur :

+L'exemple suivant utilise {{domxref('CSS.registerProperty')}} en [JavaScript](/fr/docs/Web/JavaScript) pour typer une [propriété CSS personnalisée](/fr/docs/Web/CSS/--*), `--ma-couleur` en tant que couleur et que valeur par défaut, sans lui permettre d'hériter de sa valeur : -
window.CSS.registerProperty({
+```js
+window.CSS.registerProperty({
   name: '--ma-couleur',
-  syntax: '<color>',
+  syntax: '',
   inherits: false,
   initialValue: '#c0ffee',
 });
-
+``` -

Le même enregistrement peut se faire en CSS en utilisant la règle at-rule {{cssxref('@property')}} :

+Le même enregistrement peut se faire en [CSS](/fr/docs/Web/CSS) en utilisant la règle [at-rule](/fr/docs/Web/CSS/At-rule) {{cssxref('@property')}} : -
@property --ma-couleur {
-  syntax: '<color>';
+```css
+@property --ma-couleur {
+  syntax: '';
   inherits: false;
   initial-value: #c0ffee;
 }
-
+``` -

Spécifications

+## Spécifications -

{{Specifications("api.CSS.registerProperty")}}

+{{Specifications("api.CSS.registerProperty")}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

Voir les interfaces individuelles

+Voir les interfaces individuelles -

Voir aussi

+## Voir aussi - +- [API Peinture CSS](/fr/docs/Web/API/CSS_Painting_API) +- [API Typage de modèle d'objet CSS](/fr/docs/Web/API/CSS_Typed_OM_API) +- [CSS Houdini](/fr/docs/Web/Houdini) -- cgit v1.2.3-54-g00ecf