Attribut text-overflow CSS

Définition et utilisation

L'attribut text-overflow détermine ce qui se passe lorsque le texte dépasse l'élément conteneur.

Voir également :

Tutoriel CSS3 :Effets de texte CSS3

Manuel de référence HTML DOM :Propriété textOverflow

Exemple

Utilisation de l'attribut text-overflow :

div.test
{
text-overflow:ellipsis;
}

Essayez-le vous-même

Plus d'exemples en bas de la page.

Syntaxe CSS

text-overflow: clip|ellipsis|string;

Valeur de l'attribut

Valeur Description Test
clip Tronquer le texte. Test
ellipsis Affichez un point d'interrogation pour représenter le texte tronqué. Test
string Utilisez une chaîne donnée pour représenter le texte tronqué.

Détails techniques

Valeur par défaut : clip
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.textOverflow="ellipsis"

Plus d'exemples

Text-overflow avec effet hover
Cet exemple montre comment afficher tout le texte lorsque le curseur flotte sur l'élément.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -o- indiquent l'utilisation de la première version avec préfixe.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-