diff options
Diffstat (limited to 'files/ja/archive/mozilla/xul/attribute/crop/index.html')
| -rw-r--r-- | files/ja/archive/mozilla/xul/attribute/crop/index.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/files/ja/archive/mozilla/xul/attribute/crop/index.html b/files/ja/archive/mozilla/xul/attribute/crop/index.html new file mode 100644 index 0000000000..e3bf7ac17f --- /dev/null +++ b/files/ja/archive/mozilla/xul/attribute/crop/index.html @@ -0,0 +1,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 > menuitem, menupopup > menu { max-width: none; } +</pre> +</div> |
