files/ja/archive/mozilla/xul/attribute/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
27
28
29
30
31
32
33

---
title: crop
slug: Archive/Mozilla/XUL/Attribute/crop
tags:
  - XUL Attributes
  - XUL Reference
translation_of: Archive/Mozilla/XUL/Attribute/crop
---
<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a></span></div>

<dl>
 <dt><code id="a-crop"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code></dt>
 <dd>型: <em>下記の値のいずれか一つ</em></dd>
 <dd>要素の label に与えられた空間が小さ過ぎるときは、<code>crop</code> 属性によって指定された側のテキストが切り取られます。テキストが切り取られた場所には省略記号 (ellipsis)が使用されます。ボックスの方向が反対の場合は、切り取られる場所も反対側になります。</dd>
</dl>

<ul>
 <li><code>start</code>: テキストは先頭から切り取られます。</li>
 <li><code>end</code>: テキストは末尾から切り取られます。</li>
 <li><code>left</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは左側から切り取られます。</li>
 <li><code>right</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは右側から切り取られます。</li>
 <li><code>center</code>: テキストの中央が切り取られ、通常、テキストの先頭と末尾が表示されます。</li>
 <li><code>none</code>: テキストは省略記号を使用して切り取られません。しかし、テキストがあまりに長い場合は単純に削除されます。削除する側は CSS の行揃え (text alignment)に依存します。</li>
</ul>

<div class="noinclude">
<dl>
 <dd>プラットフォームと使用するテーマに依存しますが、一部の要素は最大幅を設定しているため、それより長い部分は常に切り取られることになります。値に <code>none</code> を使用しており、テキストがその最大幅より長いときは、CSS プロパティの max-width (または maxwidth 属性) を使用して、そのサイズを上書きすることができます。例えば <code>none</code> 値を使用したい場合は、menu 内の menuitem に次の CSS 規則を追加します:</dd>
</dl>

<pre class="eval">menupopup &gt; menuitem, menupopup &gt; menu { max-width: none; }
</pre>
</div>