files/fr/archive/mozilla/xul/attributs/crop/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

---
title: crop
slug: Archive/Mozilla/XUL/Attributs/crop
tags:
  - Attributs_XUL
  - Référence_XUL
translation_of: Archive/Mozilla/XUL/Attribute/crop
---
<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div>
<dl><dt> <code id="a-crop"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/crop">crop</a></code>
</dt><dd> Type : <i>une des valeurs ci-dessous</i>
</dd><dd> Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut <code>crop</code>. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également.
</dd></dl>
<ul><li> <code>start</code> : Le texte sera tronqué du côté gauche.
</li><li> <code>end</code> : Le texte sera tronqué du côté droit.
</li><li> <code>left</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté gauche.
</li><li> <code>right</code> : <span title="Cette API obsolète ne doit plus être utilisée, mais elle peut continuer à fonctionner."><i class="icon-thumbs-down-alt"> </i></span> Le texte sera tronqué du côté droit.
</li><li> <code>center</code> : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement.
</li><li> <code>none</code> : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS.
</li></ul>
<div class="noinclude">
<dl><dd> Selon la plateforme et le thème utilisé, certains éléments auront une largeur maximale définie de sorte qu'ils seront toujours tronqués. Si vous décidez d'utiliser la valeur <code>none</code> et que le texte est plus grand que cette valeur maximale, vous pouvez faire usage de la propriété CSS <code>max-width</code> (ou de l'attribut maxwidth) pour agrandir cette taille. Par exemple, pour un élément de menu vous pouvez ajouter la règle CSS suivante lorsque vous désirez utiliser la valeur <code>none</code> :
</dd></dl>
<pre class="eval">menupopup &gt; menuitem, menupopup &gt; menu { max-width: none; }
</pre>
</div>