Taille

Écran

L'origine des coordonnées de l'écran est le coin supérieur gauche.
L'axe des ordonnées est orienté vers le bas et l'axe des abscisses vers la droite.

Taille

Distance en pixels de l'origine de cet écran depuis le haut de l'écran étendu.
Propriété à tester dans une configuration multi-écran, sinon la valeur est égale à 0.

window.screen.top = px;

Distance en pixels de l'origine de cet écran depuis le côté gauche de l'écran étendu.
Propriété à tester dans une configuration multi-écran, sinon la valeur est égale à 0.

window.screen.left = px;

Hauteur de l'écran courant en pixels.

window.screen.height = px;

Largeur de l'écran courant en pixels.

window.screen.width =  px;

Taille disponible

C'est la taille de l'éran moins les éléments fixes de l'écran comme la barre de menu sous OS X et la barre des tâches sous Windows.
Essayez de déplacer la barre des tâches de Windows à gauche ou en haut de l'écran et observez les valeurs.
Essayez de passer le navigateur en plein écran et observez les valeurs.

window.screen.availTop = px;

Ordonnée du premier pixel disponible qui n'est pas occupé par un élément d'interface permanent. Sur Windows essayez de passer la barre des tâches en haut de l'écran.

window.screen.availLeft = px;

Abscisse du premier pixel disponible qui n'est pas occupé par un élément d'interface permanent. Sur Windows essayez de passer la barre des tâches en haut de l'écran.

window.screen.availHeight = px;

Hauteur disponible de l'écran courant en pixels.

window.screen.availWidth = px;

Largeur disponible de l'écran courant en pixels.

Profondeur de l'écran

La quantification des pixels de l'écran, soit le nombre de bits par pixels pour représenter en autre les nuances de gris ou de couleurs.

window.screen.pixelDepth =  bits;

La quantification des pixels de l'écran pour représenter les nuances de couleurs. A tester sur des écrans noir & blanc comme des liseuses.

window.screen.colorDepth =  bits;

Densité

window.devicePixelRatio = ;

Orientation

Orientation

Fenêtre

Hauteur de la fenêtre du navigateur

window.outerHeight = px;

Largeur de fenêtre du navigateur

window.outerWidth = px;

Hauteur de fenêtre du navigateur hors bord, onglets, menus, barre d'adresse et barre de défilement

window.innerHeight = px;

Largeur de fenêtre du navigateur hors bord et barre de défilement

window.innerWidth = px;

Document

Dimensions totales du document.

document.documentElement.scrollHeight = px;
document.documentElement.scrollWidth = px;

Dimensions visibles du document.

document.documentElement.clientHeight = ;
document.documentElement.clientWidth = ;

Défilement du document

window.scrollY = ;
window.scrollX = ;

Pour des raisons de compatibilité pageYOffset et pageXOffset sont des alias de scrollY et scrollX.

window.pageYOffset = px;
window.pageXOffset = px;

Taille des éléments

offsetHeight est la mesure de la hauteur en pixels CSS de l'élément, y compris la bordure, le remplissage et la barre de défilement horizontale de l'élément.

iframe.offsetHeight = ;
iframe.offsetWidth = ;

La propriété clientHeight renvoie la hauteur visible d'un élément en pixels, y compris le remplissage, mais pas la bordure, la barre de défilement ou la marge.

iframe.clientHeight = ;
iframe.clientWidth = ;

La valeur scrollHeight est égale à la hauteur minimale dont l'élément aurait besoin pour s'adapter à tout le contenu de la fenêtre sans utiliser une barre de défilement verticale. La hauteur est mesurée de la même manière que clientHeight: elle inclut le remplissage de l'élément, mais pas sa bordure, sa marge ou sa barre de défilement horizontale.

iframe.scrollHeight = ;
iframe.scrollWidth = ;

element.offsetHeight = ;
element.offsetWidth = ;

element.clientHeight = ;
element.clientWidth = ;

element.scrollHeight = ;
element.scrollWidth = ;

element.scrollTop = ;
element.scrollLeft = ;