/ Code Css overflow | Résultat du code Css overflow | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS overflow.

<style type="text/css">
.overflow-visible{  : visible; margin-bottom:70px }
.overflow-hidden{  : hidden }
.overflow-scroll{  : scroll }
.overflow-auto{  : auto }

.defaut{ 
 width : 150px; 
 height : 100px; 
 margin-bottom : 20px; 
 border : 1px solid #666; 
}
.defaut b{
 /* pas de retour à la ligne */
 white-space : nowrap; 
}
</style>
<div class="defaut overflow-visible"><b>.identifiant { overflow : visible }motmot</b> 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-hidden"><b>.identifiant { overflow : hidden }motmot</b> 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-scroll">.identifiant { overflow : scroll }</div>
<div class="defaut overflow-scroll"><b>.identifiant { overflow : scroll; }</b>
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-auto">.identifiant { overflow : auto }</div>
<div class="defaut overflow-auto"><b>.identifiant { overflow : auto; }motmot</b> 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-auto">.identifiant { overflow : auto }motmot 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>

Interprétation du code de la propriété overflow CSS par votre navigateur.

.identifiant { overflow : visible }motmot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
.identifiant { overflow : hidden }motmot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
.identifiant { overflow : scroll }
.identifiant { overflow : scroll; } mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
.identifiant { overflow : auto }
.identifiant { overflow : auto; }motmot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
.identifiant { overflow : auto }motmot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot

Interprétation normale du code de la propriété CSS overflow (copie d'écran).

copie d'écran de l'affichage de la propriété CSS overflow