overflow | NN 6 IE 4 CSS 2
| Hérité: non
Définit la façon dont l'élément doit traiter un contenu dont les dimensions dépassent la hauteur et/ou la largeur spécifiées du conteneur. A l'exception de certains types de contenus qui exigent une largeur fixe (éléments pre, par exemple), un élément respecte par défaut l'attribut width et règle tout problème de débordement en jouant sur la hauteur. Il est assez dangereux dans le cadre de la compatibilité entre les navigateurs d'attribuer la propriété overflow à l'élément body pour essayer de contrôler l'affichage des barres de défilement. Effectuez des tests approfondis sur votre code de débordement dans IE pour Windows (en mode de compatibilité ascendante et entre navigateurs), IE pour Macintosh et Netscape 6. Si cet attribut a pour valeur visible, le conteneur est redimensionné en fonction de la largeur (si celle-ci est fixe) et de la hauteur du contenu. Si des bordures, des marges et un remplissage ont été définis pour l'élément, ils sont conservés dans le bloc de contenu redimensionné. Si la hauteur et la largeur, ainsi qu'une image ou une couleur d'arrière-plan, sont spécifiées pour l'élément, et si le contenu dépasse la taille définie, les résultats varient avec la famille de navigateurs. IE pour Windows étend la hauteur de l'arrière-plan pour pouvoir accueillir le contenu; le contenu suivant sera repoussé vers le bas pour accueillir le contenu excédentaire. IE pour Macintosh et Netscape 6 imposent la taille spécifiée au rectangle d'arrière-plan, mais le contenu déborde du rectangle et chevauche le contenu subséquent. Puisqu'il s'agit de la valeur par défaut pour la propriété de style overflow, il est préférable de spécifier une valeur de débordement (ou une zone de détourage pour un élément positionné) lorsque vous limitez la taille d'un élément. Si l'attribut a pour valeur hidden, le bloc de contenu doit respecter les paramètres de hauteur et de largeur du conteneur, ce qui peut se traduire, dans certains cas, par un détourage du contenu. Les bordures et le remplissage sont conservés, mais il se peut que les marges disparaissent le long des bords détourés. Cette valeur n'entraîne pas l'affichage de barres de défilement. Si l'attribut a pour valeur scroll, des barres de défilement horizontal et vertical s'affichent normalement dans le rectangle du bloc de contenu, même si elles ne sont pas nécessaires. Ces barres ne sont activées que s'il est nécessaire de faire défiler le contenu dans un sens ou dans l'autre. Si l'attribut a pour valeur auto, les barres de défilement sont affichées uniquement si le contenu du bloc l'exige. En pratique, les navigateurs ajoutent uniquement une barre de défilement vertical lorsque le contenu est de type texte et peut s'ajuster à la largeur spécifiée de son conteneur.
Syntaxe CSS
    overflow: overFlowType
Valeur
L'une des constantes suivantes: auto | hidden | scroll | visible.
Valeur initiale
visible
Exemple
    div.aside {position: absolute; top: 200px; left: 10px; height: 100px;
    width: 150px; overflow: scroll}
S'applique à
Eléments de niveau bloc, éléments remplacés et éléments positionnés.
Référence de modèle d'objet
    [window.]document.getElementById("elementID").style.overflow