Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Les dernières pages de Cours et Dossiers ajoutées
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 1 355 556 ]
Votre IP fleche [ 38.107.179.244 ]
Vous êtes ici : Home Page Cours CSS Propriete overflow-y
Imprimer le document Version Imprimable

Informations Générales

[442] Posts sur le forum
[523] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 1 Invité
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
Tutopla.net
Page précédente | Page suivante

La propriété Overflow-y

Cette propriété permet de gérer les dépacements de blocs verticals (calque, champ formulaire...) en affichant une scrollbar (barre de défilement) verticale.

overflow-y
Valeur auto
visible
hidden
scroll
inherit
Type CSS 2
Compatibilité Compatible Internet Explorer 5+ Compatible Firefox 5+ (voir astuce ci-dessous) Compatible Safari 3+
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-y: 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-y: visible}
hidden Cette valeur définit que le contenu sera découpé, le contenu dépassant sera caché. p {overflow-y: 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-y: 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: hidden;
	overflow-x: hidden;
	overflow-y: auto; 
}
Page précédente | Page suivante
Haut de page