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
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'?
Correcte!
Incorrecte!