Revision 86390 of -moz-stack-sizing

  • Revision slug: CSS/-moz-stack-sizing
  • Revision title: -moz-stack-sizing
  • Revision id: 86390
  • Created:
  • Creator: MarkusStange
  • Is current revision? No
  • Comment 49 words added, 24 words removed

Revision Content

{{ CSSMozExtensionRef() }} {{ gecko_minversion_header("1.9.1") }}

Summary

-moz-stack-sizing is an extended CSS property. Normally, a {{ XULElem("stack") }} will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.

If you wish to prevent the stack from resizing automatically to accommodate its children, you can set -moz-stack-sizing to ignore on the child element. The property isn't set not the stack itself, but on the stack's children. This lets you ignore certain children, but not others.

  • {{ Xref_cssinitial() }}: stretch-to-fit
  • Applies to: all elements
  • {{ Xref_cssinherited() }}: yes
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: as specified

Syntax

-moz-stack-sizing: ignore | stretch-to-fit

Values

stretch-to-fit
The child will influence the stack's size.
ignore
The stack won't consider this child when calculating the its size.

Examples

{{ CSSRefExampleLink("-moz-stack-sizing") }} {{ Fixeg() }}

.mainsheet{
	-moz-stack-sizing: ignore;
}

Notes

Bugzilla

{{ Bug("346189") }}

 

Revision Source

<p>{{ CSSMozExtensionRef() }} {{ gecko_minversion_header("1.9.1") }}</p>
<h3 name="Summary">Summary</h3>
<p><code>-moz-stack-sizing</code> is an extended CSS property. Normally, a {{ XULElem("stack") }} will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.</p>
<p>If you wish to prevent the stack from resizing automatically to accommodate its children, you can set <code>-moz-stack-sizing</code> to <code>ignore</code> on the child element. The property isn't set not the stack itself, but on the stack's children. This lets you ignore certain children, but not others.</p> <ul> <li>{{ Xref_cssinitial() }}: stretch-to-fit</li> <li>Applies to: all elements</li> <li>{{ Xref_cssinherited() }}: yes</li> <li>Percentages: n/a</li> <li>Media: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}: as specified</li>
</ul>
<h3 name="Syntax">Syntax</h3>
<pre class="eval">-moz-stack-sizing: ignore | stretch-to-fit
</pre>
<h3 name="Values">Values</h3>
<dl> <dt> stretch-to-fit</dt> <dd> The child will influence the stack's size. </dd> <dt> ignore</dt> <dd> The stack won't consider this child when calculating the its size. </dd>
</dl>
<h3 name="Examples">Examples</h3>
<p>{{ CSSRefExampleLink("-moz-stack-sizing") }} {{ Fixeg() }}</p>
<pre>.mainsheet{
	-moz-stack-sizing: ignore;
}
</pre>
<h3 name="Notes">Notes</h3>
<h3 name="Bugzilla">Bugzilla</h3>
<p>{{ Bug("346189") }}</p>
<p> </p>
Revert to this revision