From 0ea5bf1a959dedf04d24d14263283c85558185e3 Mon Sep 17 00:00:00 2001 From: Eunha Date: Mon, 9 Aug 2021 01:31:30 +0900 Subject: [Fr]replace broken element styles with images on clientHeight page (#1974) * replace broken element styles with images * Updates page vs en-US Co-authored-by: julieng --- files/fr/web/api/element/clientheight/index.html | 128 ++++++++--------------- 1 file changed, 42 insertions(+), 86 deletions(-) (limited to 'files/fr') diff --git a/files/fr/web/api/element/clientheight/index.html b/files/fr/web/api/element/clientheight/index.html index 820b06e770..3e88e1a801 100644 --- a/files/fr/web/api/element/clientheight/index.html +++ b/files/fr/web/api/element/clientheight/index.html @@ -1,93 +1,49 @@ --- -title: element.clientHeight +title: Element.clientHeight slug: Web/API/Element/clientHeight -tags: - - Référence_du_DOM_Gecko translation_of: Web/API/Element/clientHeight +browser-compat: api.Element.clientHeight --- -

{{ ApiRef() }}

-

Résumé

-

Renvoie la hauteur intérieure d'un élément en pixels. Celle-ci comprend les marges intérieures éventuelles (padding), mais ni la barre de défilement horizontale, ni les bordures ,ni les marges extérieures (margin).

-

clientHeight peut être calculée comme la propriété CSS height + la propriété CSS padding - la hauteur de la barre de défilement horizontale (si présente).

-

Syntaxe et valeurs

-
var h = element.clientHeight;
+
{{APIRef("DOM")}}
+ +

La propriété en lecture seule Element.clientHeight vaut zéro pour les éléments sans CSS ou sans boîte de disposition en ligne/incise ; sinon elle vaut la hauteur interne d'un élément, exprimée en pixels. Cette hauteur inclut le remplissage (padding) mais exclut les bordures, les marges et les éventuelles barres de défilement horizontales.

+ +

clientHeight peut être calculée comme : hauteur CSS + remplissage CSS - hauteur des barres de défilement horizontales s'il y en a.

+ +

Lorsque clientHeight est utilisée sur l'élément racine (l'élément <html>), (ou sur <body> si le document est en mode de compatibilité (quirks mode)), c'est la hauteur de la zone d'affichage (viewport) (sans tenir compte des barres de défilement) qui est renvoyée. Il s'agit ici d'un cas aux limites pour clientHeight.

+ +
+

Note : Cette propriété sera arrondie en un entier. Si vous souhaitez utiliser une valeur décimale, vous pouvez utiliser element.getBoundingClientRect().

+
+ +

Syntaxe

+ +
+var intElemClientHeight = element.clientHeight;
 
-

h est un entier représentant la valeur clientHeight de l'élément element en pixels. clientHeight est une propriété en lecture seule.

-

Exemple

-
-
-

padding-top

-

LA CHOUETTE
-
- Tel un fantôme dans la nuit
- Elle s'envole sans un bruit
- C'est la silhouette de la chouette
- Qui régurgite des boulettes
- Son cri terrifie les petits
- Qui se blottissent dans leur lit
-
-
- LE RENARD
-
- Animal nocturne et rusé
- Il a un beau manteau de feu
- C'est un canidé très futé
- S'approcher de lui on ne peut
- Avec sa queue immaculée
- Des passants il flatte les yeux
-
-
- LA CHAUVE-SOURIS
-
- C'est très dur de la voir
- Puisqu'elle vit dans le noir
- Elle aime du sang boire
- Et elle sort le soir
-
-
- LA GRENOUILLE
-
- Qu'est-c'qui saute et qui mouille
- Qui plonge et qui farfouille
- Qui nage et qui patouille
- C'est bien sûr la grenouille
-
-
- LE LION
-
- Le lion est carnivore
- Il a un beau pelage
- Il est souvent en cage
- Et ce soir il est mort
-
-
- L'ELEPHANT
-
- Descendant du mammouth
- Il est très imposant
- c'est bien sûr l'éléphant
- attendez j'ai un doute
-
-
- LE CHAT
-
- Talentueux chasseur
- Le chat est un joueur-né
- Il cherche avec son nez
- Et vit dans sa demeure

-

poèmes venant du site de peter2000

-

padding-bottom

-
- LeftTopRightBottommargin-topmargin-bottomborder-topborder-bottom{{ mediawiki.external('if IE') }}><span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-left</span><span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-left</span><span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">padding-left</span><span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;">padding-right</span><span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">border-right</span><span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;">margin-right</span><!{{ mediawiki.external('endif') }}
-

Image:clientHeight_fr.png

-

Spécifications

-

clientHeight ne fait partie d'aucune spécification du W3C.

-

Notes

-

clientHeight est une propriété non standard, qui a été introduite dans le modèle objet d'Internet Explorer.

-

Références

+ +

intElemClientHeight est un entier correspondant à la valeur de clientHeight pour l'élément représenté par element, exprimée en pixels. La propriété clientHeight est uniquement accessible en lecture-seule.

+ +

Exemples

+ +

+ +

Spécifications

+ +

{{Specifications}}

+ +

Notes

+ +

clientHeight est une propriété introduite par le modèle objet d'Internet Explorer.

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+ -

{{ languages( { "en": "en/DOM/element.clientHeight", "ja": "ja/DOM/element.clientHeight", "pl": "pl/DOM/element.clientHeight", "zh-cn": "cn/DOM/element.clientHeight" } ) }}

-- cgit v1.2.3-54-g00ecf