Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 228 942 ]
Votre IP fleche [ 38.103.63.56 ]
Vous êtes ici : Home Page Cours CSS Propriete overflow
Imprimer le document Version Imprimable

Informations Générales

[315] Posts sur le forum
[255] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 2 Invités
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Page précédente | Page suivante

La propriété Overflow

Cette propriété spécifie si le contenu d'un élément d'un bloc-niveau est découpé lorsqu'il déborde de la boîte de l'élément agissant comme un bloc contenant pour le contenu.

overflow
Valeur auto
visible
hidden
scroll
inherit
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 7+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut auto
Domaine d'application Les éléments constituant des blocs
et les éléments positionnables.
Héritage non
Media Visuel

Valeur
possible		 Action Exemple
auto Cette valeur laisse le navigateur décidé automatiquement. div {overflow: auto}
visible Cette valeur définit que le contenu ne sera pas découpé, le rendu pouvant s'effectuer à l'extérieur du bloc. table {overflow: visible}
hidden Cette valeur définit que le contenu sera découpé, le contenu dépassant sera caché. p {overflow: hidden}
scroll Cette valeur définit que le contenu sera découpé mais qu'il pourra être visible au moyen de la barre de défilement. div {overflow: scroll}

Exemples

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque in est sit amet ipsum ornare sagittis.
Suspendisse massa felis, consequat ac, egestas id, facilisis quis, metus.
Morbi feugiat enim. Nullam pulvinar lorem.
Ut at justo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque in est sit amet ipsum ornare sagittis.
Suspendisse massa felis, consequat ac, egestas id, facilisis quis, metus.
Morbi feugiat enim. Nullam pulvinar lorem.
Ut at justo. 
div {
	display: block;
	overflow: auto;
	width: 140px;
	height: 70px;
}
Page précédente | Page suivante
Haut de page