Définition de la css text-overflow

Propriété css : text-overflow

Détails des versions feuilles de style css text-overflow: css3

Détails de compatiblilité de la feuilles de style css text-overflow pour les navigateurs: Internet Explorer 4+; Safari 1 +; Netscape 6+; Mozilla + et Firefox +

Définition de text-overflow

La propriété de feuille de style css text-overflow permet de spécifier mettre des "..." quand le texte sort du bloc.

Exemple de code :

.identifiant{
text-overflow : ellipsis;
}

La propriété de feuille de style text-overflow css peut prendre la valeur de :
- ellipsis, ajoute "..." et cache le texte qui sort du bloc.
- clip, valeur par défaut, fonctionnement normal.

Descendre

Remonter

Exemple de code text-overflow

Application des text-overflow

La propriété de feuille de style css text-overflow est applicable sur l'ensemble des balises HTML ou XHTML. Cependant elle ne fonctionne que si white-space est égale à <nowrap[/b] et que overflow est à <hidden[/b].

Descendre

Remonter

Héritage des text-overflow

Les balises filles HTML ou XHTML n'héritent pas de la propriété.

Descendre

Remonter

Problèmes des text-overflow

La propriété de feuille de style css text-decoration pose des problèmes d'interprétation car elle n'est pas reconnu par tous les navigateurs.

Descendre

Remonter

Exemples et astuces css

La propriété css text-overflow sous Opéra

Il existe une propriété css similaire sur Opéra 9+ qui est -o-text-overflow.
<Code CSS :[/b]

Exemple de code :

.identifant {  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis; /* Opera */
  text-overflow: ellipsis; /* IE et Safari*/
}

Descendre

Remonter

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css text-overflow.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.