English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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‹/›
Le tableau suivant décrit les valeurs de cette propriété.
Valeur | Description |
---|---|
clip | Le tronquage convient au texte du contenu. Les caractères peuvent ne pas être complètement rendus. |
ellipsis | Utiliser le caractère d'ellipse ('...') pour remplacer le texte tronqué. |
string | Utiliser 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. |
initial | Définir cette propriété à sa valeur par défaut. |
inherit | Si spécifié, l'élément lié utilise le texte de son élément parent-Valeurs de la propriété overflow. |
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é.
|
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.
Veuillez consulter les tutoriels sur les sujets suivants :Overflow CSSetTexte CSS。
Propriétés liées au texte :letter-spacing,text-align,text-decoration,text-indent,text-shadow,text-transform,white-space,word-spacing。