Block-ellipsis - Propriété CSS

block-ellipsis

Résumé des caractéristiques de la propriété block-ellipsis

Description rapide
Gère l'affichage d'une marque de suite à la fin d'un élément lorsque le contenu déborde de ce dernier.
Statut
Problèmes de compatibilité ⚠
Utilisable sur
HTML
Valeurs prédéfinies
none | auto
Pourcentages
Ne s'appliquent pas.
Valeur initiale
none
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété block-ellipsis passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Débordements
Références (W3C)
 🡇  
 🡅  
Statut du document: WD (document de travail)
Statut du document: WD (document de travail)

Schéma de la syntaxe de block-ellipsis.

block-ellipsis - Syntax DiagramSyntax diagram of the block-ellipsis CSS property. See stylescss.free.fr for details. none none auto auto 'string' 'string'block-ellipsis:;block-ellipsis:;
Schéma syntaxique de la propriété block-ellipsis.
Syntaxe détaillée

Description des termes utilisés sur le schéma :

  • 'string' est une chaîne de caractères entre apostrophes ou guillemets.

Description.

⚠
Propriété encore très peu prise en charge par les navigateurs.

Page en cours de rédaction

Valeurs pour block-ellipsis.

  • block-ellipsis: none;
  • block-ellipsis: auto;
  • block-ellipsis: '.../...';
  • block-ellipsis: initial; (none) block-ellipsis: inherit; block-ellipsis: revert; block-ellipsis: revertLayer; block-ellipsis: unset;

    Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.

Exemple interactif avec la propriété block-ellipsis.

block-ellipsis :
Ce texte déborde de son container
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vestibulum rutrum imperdiet. Pellentesque congue mauris eu sapien malesuada, nec accumsan lacus cursus. Praesent convallis nec tellus vitae faucibus. Ut viverra sem at congue egestas. Nunc aliquam semper sagittis. Aenean sit amet urna non dui consequat ornare dignissim vitae lorem. Ut turpis velit, imperdiet ut diam et, pretium consectetur libero. Ut nec ex sed magna euismod vulputate.

Histoire de la propriété block-ellipsis.

Voir aussi, concernant la gestion des débordements.

Le module de spécification CSS Overflow Module regroupe tout ce qui concerne les débordements (contenu plus grand que la place réservée). La propriété block-ellipsis, ainsi que les suivantes, sont décrites dans ce module.

Sélecteurs :

⚠
::scroll-button()
Cible les boutons de défilement. La valeur passée en paramètre indique plus précisément quel bouton doit être ciblé.
⚠
::scroll-marker
Pseudo-élément qui cible individuellement les marqueurs de défilement (marque-page).
⚠
::scroll-marker-group
Pseudo-élément qui cible le conteneur des marqueurs de défilement (marque-page).
⚠
:target-current
Pseudo-classe qui cible le marquer de défilement dont la page est affichée.

Propriétés :

⚠
line-clamp
Définit le nombre de lignes qui seront affichées dans un élément. La présence de texte excédentaire est indiquée par un caractère de suite.
overflow
Gestion des débordements, lorsque le contenu est trop grand pour les dimensions imposées à l'élément.
overflow-block
Gestion des débordements dans la direction secondaire.
overflow-clip-margin
Définit la marge de débordement, lorsque le contenu est plus grand que l'élément.
overflow-inline
Gestion des débordements dans la direction principale.
overflow-x
Gestion du débordement dans le sens horizontal.
overflow-y
Gestion du débordement dans le sens vertical.
scroll-behavior
Choisit entre un défilement brutal ou progressif de la page.
⚠
scroll-marker-group
Active et positionne les marqueurs de défilement avant ou après le conteneur défilant.
scrollbar-gutter
Réserve ou non la gouttière pour une barre de défilement.
text-overflow
Définit l'indicateur de débordement du texte.