Comprendre Height, Width, InnerHeight et OuterHeight
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre les fonctions JQuery pour modifier les dimensions CSS.
- Apprendre à lire et modifier les dimensions internes et externes d'éléments HTML.
- Appliquer les notions apprises sur différents éléments comme des titres et des images.
Résumé
Découvrez comment utiliser des fonctions JQuery pour lire et modifier les dimensions CSS d'éléments HTML.
Description
JQuery offre une variété de fonctions pour la manipulation des propriétés CSS, particulièrement pour les tailles d'éléments.
Les fonctions Height et Width permettent de lire et modifier les dimensions d'un élément en spécifiant des unités CSS reconnues.
Les dimensions internes d'un bloc, avec le padding inclus, peuvent être obtenues via InnerHeight et InnerWidth.
Quant aux dimensions externes, incluant padding et border, elles sont récupérables via OuterHeight et OuterWidth.
À travers divers exemples tels que la lecture et la modification de la hauteur d'un titre h1 et la manipulation des dimensions d'une image, cette leçon vous donnera les outils nécessaires pour maîtriser ces aspects de JQuery.