Propriété CSS block-overflow

La propriété block-overflow tronque le texte et indique plus contenu en insérant des points de suspension ou de chaînes personnalisées après plusieurs lignes.

Si la boîte ne contient aucune boîte de lignes précédée immédiatement à la région de pause, alors la propriété block-overflow ne fonctionne pas.
Valeur initiale clip
Appliquée à Conteneurs bloc.
Héritée Oui.
Animable Non.
Version CSS3
Syntaxe DOM object.style.blockOverflow= "ellipsis";

Syntaxe

block-overflow: clip | ellipsis | <string> | initial | inherit;

Exemple

.module {
block-overflow: [clip | ellipsis | 
<string>
];
max-lines: [
<integer>
]; /* required by block-overflow */
}

Valeurs

Valeur Description
clip Le rendu n'est pas affecté.
ellipsis Affiche un point de suspension (...) à la fin de la dernière ligne. Cela rend comme un caractère Unicode(U+2027) mais peut être changé par un équivalent sur la base de la langue du contenu et le mode d'écriture de l'agent d'utilisateur.
<string> Rend la chaîne spécifiée comme "ellipsis" à la fin de la dernière ligne. Le navigateur peut tronquer la chaîne si elle est extrêmement longue.
initial Fait utiliser la valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome firefox safari opera
14.0
-webkit-
5.0
-webkit-
15.0
-webkit-

Pratiquez vos connaissances

Que permettent les propriétés CSS 'overflow', 'overflow-x' et 'overflow-y'?
Trouvez-vous cela utile?