La propriété CSS overflow permet de gérer les dépassement d’un bloc des éléments sur lesquels elle est appliquée.
#mon_identifiant {
overflow:scroll;
}
Elle permet de gérer les dépassements d’un bloc html. Les valeurs possibles sont:
- visible, rend visible tout ce qui dépasse.
- hidden, cache tout ce qui dépasse.
- scroll, met toujours une barre de défilement horizontale et verticale.
- auto, met une barre de défilement horizontale ou verticale si besoin.
- inherit, hérite de son parent
Exemple :
CSS
p{
overflow:scroll;
}
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.