English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @RULES

大全 des propriétés CSS

CSS3 text-méthodes d'utilisation et exemples de la propriété overflow

text-La propriété CSS overflow détermine comment le conteneur de texte s'affiche lorsqu'il dépasse sa taille visible (plutôt que visible)overflowcomment afficher le contenu texte pour l'élément de conteneur en bloc.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.

valeur par défaut :clip
aplicable à :conteneur en bloc
héritage :aucun
animation possible :non.voir également propriétés d'animation
version : CSS3nouvelle fonction
Grammaire JavaScript :objet.style.textOverflow="ellipsis"

Attention :Par exemple, si l'élément est réglé sur nowrap et que l'espace ou le mot est trop long pour être contenu, le texte peut déborder, entraînant un débordement de texte.

text-Syntaxe d'utilisation de overflow

La syntaxe de cette propriété est la suivante :

text-overflow: clip | ellipsis | string | initial | inherit

Les exemples suivants montrent comment utiliser text-Propriété overflow.

  p {
 overflow: hidden;
 white-space: nowrap;
   text-overflow: ellipsis;
  }
Vérifiez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
clipLe tronquage convient au texte du contenu. Les caractères peuvent ne pas être complètement rendus.
ellipsisUtiliser le caractère d'ellipse ('...') pour remplacer le texte tronqué.
stringUtiliser la chaîne donnée pour représenter le texte tronqué. La chaîne s'affiche dans la zone de contenu, réduisant ainsi la taille du texte affiché. Si il n'y a pas assez de place pour afficher la chaîne, elle sera tronquée.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise le texte de son élément parent-Valeurs de la propriété overflow.

Compatibilité du navigateur

text-Compatibilité des navigateurs pour la propriété overflow, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 7+

  • Google Chrome1+

  • Internet Explorer 6+

  • Apple Safari 1+

  • Opera 9+

Attention : Internet Explorer supporte-ms-text-overflow peut être utilisé comme synonyme en version préfixée text-overflow. Opera 9et10Supporte les versions avec préfixe-o-text-overflow.

Pour en savoir plus

Veuillez consulter les tutoriels sur les sujets suivants :Overflow CSSetTexte CSS

Propriétés liées au texte :letter-spacingtext-aligntext-decorationtext-indenttext-shadowtext-transformwhite-spaceword-spacing