Maison  >  Article  >  interface Web  >  Quelles sont les valeurs de l'attribut overflow en css ?

Quelles sont les valeurs de l'attribut overflow en css ?

下次还敢
下次还敢original
2024-04-28 15:18:12618parcourir

L'attribut CSS overflow contrôle la façon dont le contenu de l'élément déborde, comme suit : 1. visible : affiché au-delà de la limite ; 2. caché : contenu de débordement caché ; 3. scroll : ajoute une barre de défilement ; 4. auto : ajoute une barre de défilement ; selon les besoins (disponible uniquement pour les éléments à largeur et hauteur fixes).

Quelles sont les valeurs de l'attribut overflow en css ?

Valeur de la propriété de débordement CSS

La propriété de débordement contrôle la façon dont le contenu de l'élément déborde du conteneur. Ses valeurs sont les suivantes :

1. visible

Permet au contenu de dépasser les limites du conteneur.

2. caché

Le contenu débordant est tronqué et ne sera pas affiché à l'extérieur du conteneur.

3. scroll

Ajoutez des barres de défilement dans le conteneur pour permettre aux utilisateurs d'afficher le contenu débordant.

4. auto

par défaut sur "visible". Si le contenu déborde, le navigateur ajoute des barres de défilement selon les besoins.

Lorsque le débordement est utilisé pour des éléments de largeur et de hauteur fixes, il se comporte comme suit :

  • visible : Le contenu est affiché au-delà des limites du conteneur.
  • masqué : Le contenu de débordement est recadré.
  • scroll : Afficher la barre de défilement horizontale ou verticale (selon le sens de débordement).
  • auto : Afficher la barre de défilement uniquement lorsque le contenu déborde.

Lorsque le débordement est utilisé pour des éléments avec une largeur et une hauteur dynamiques, il se comporte comme suit :

  • visible : Le contenu est affiché au-delà des limites du conteneur.
  • masqué : Le contenu de débordement est recadré.
  • scroll : Les barres de défilement ne seront pas affichées.
  • auto : Les barres de défilement ne seront pas affichées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn