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 --- files/fr/web/api/element/clientwidth/index.md | 61 +++++++++------------------ 1 file changed, 21 insertions(+), 40 deletions(-) (limited to 'files/fr/web/api/element/clientwidth') diff --git a/files/fr/web/api/element/clientwidth/index.md b/files/fr/web/api/element/clientwidth/index.md index 9a3bd1012c..229934df6d 100644 --- a/files/fr/web/api/element/clientwidth/index.md +++ b/files/fr/web/api/element/clientwidth/index.md @@ -8,59 +8,40 @@ tags: - Reference translation_of: Web/API/Element/clientWidth --- -

+{{APIRef("DOM")}} -

La propriété Element.clientWidth vaut zéro pour les éléments en ligne (inline) et pour les éléments sans CSS. Dans les autres cas, sa valeur correspond à la largeur intérieure d'un élément, exprimée en pixel. Cette largeur inclue le rembourrage (padding) mais exclut les bordures, les marges et les éventuelles barres de défilement verticales.

+La propriété **`Element.clientWidth`** vaut zéro pour les éléments en ligne (_inline_) et pour les éléments sans CSS. Dans les autres cas, sa valeur correspond à la largeur intérieure d'un élément, exprimée en pixel. Cette largeur inclue le rembourrage (_padding_) mais exclut les bordures, les marges et les éventuelles barres de défilement verticales. -

Lorsque clientWidth est utilisée sur l'élément racine (l'élément <html> par défaut ou <body> si le document utilise le mode quirks), c'est la largeur de la zone d'affichage (viewport) à l'exception des barres de défilement qui est renvoyée. Il s'agit d'un cas au limite pour clientWidth.

+Lorsque `clientWidth` est utilisée sur l'élément racine (l'élément `` par défaut ou `` si le document utilise le mode _quirks_), c'est la largeur de la zone d'affichage (_viewport_) à l'exception des barres de défilement qui est renvoyée. [Il s'agit d'un cas au limite pour `clientWidth`](https://www.w3.org/TR/2016/WD-cssom-view-1-20160317/#dom-element-clientwidth). -

Note : La valeur de cette propriété sera arondie en un entier. Si vous devez utiliser une valeur décimale, privilégiez {{domxref("element.getBoundingClientRect()")}}.

+> **Note :** La valeur de cette propriété sera arondie en un entier. Si vous devez utiliser une valeur décimale, privilégiez {{domxref("element.getBoundingClientRect()")}}. -

Syntaxe

+## Syntaxe -

var intElemClientWidth = element.clientWidth;

+ var intElemClientWidth = element.clientWidth; -

intElemClientWidth est un entier correspondant à la largeur d'element, en pixels. La propriété clientWidth est uniquement accessible en lecture-seule.

+`intElemClientWidth` est un entier correspondant à la largeur d'`element`, en pixels. La propriété `clientWidth` est uniquement accessible en lecture-seule. -

Exemple

+## Exemple -

+![](dimensions-client.png) -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -

Spécification	État	Commentaires
{{SpecName('CSSOM View', '#dom-element-clientwidth', 'clientWidth')}}	{{Spec2("CSSOM View")}}

+| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------- | -------------------------------- | ------------ | +| {{SpecName('CSSOM View', '#dom-element-clientwidth', 'clientWidth')}} | {{Spec2("CSSOM View")}} | | -

Notes

+### Notes -

clientWidth fut d'abord introduit avec le modèle objet DHTML de Microsoft Internet Explorer.

+`clientWidth` fut d'abord introduit avec le modèle objet DHTML de Microsoft Internet Explorer. -

Compatibilité des navigateurs

+## Compatibilité des navigateurs +{{Compat("api.Element.clientWidth")}} +## Voir aussi -

- -

Voir aussi

- -

{{domxref("HTMLElement.offsetWidth")}}
{{domxref("Element.scrollWidth")}}
Déterminer les dimensions des éléments

+- {{domxref("HTMLElement.offsetWidth")}} +- {{domxref("Element.scrollWidth")}} +- [Déterminer les dimensions des éléments](/fr/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements) -- cgit v1.2.3-54-g00ecf