mozilla

Revision 48252 of Mozilla CSS Extensions

  • Revision slug: CSS/CSS_Reference/Mozilla_Extensions
  • Revision title: Mozilla CSS Extensions
  • Revision id: 48252
  • Created:
  • Creator: Drhowarddrfine
  • Is current revision? No
  • Comment 11 words removed

Revision Content

{{ CSSRef() }}

At this time I'm not sure whether this list is complete or accurate. Please feel free to add/modify/delete from this list as required. -- dria 11:57, 17 October 2005 (PDT)

Any information there is on Mozilla CSS Extensions page needs to be moved here.

CSS Properties that are Mozilla Extensions (ie: not part of the CSS Standard) should be included in the Category:CSS:Mozilla Extensions category.

Mozilla extensions to properties that are part of the CSS Standard should be noted at the bottom of that property's page, in a "Mozilla Extensions" subsection. So, for example, extensions to the CSS "cursor" property should be included on the CSS:cursor page, in a section at the bottom called "Mozilla Extensions" .

Mozilla supports a number of extensions to CSS that are prefixed with '-moz'. These include a number of capabilities, including rounded borders, and the ability to specify different box width and height calculations to more easily support browers that perform such calculations in a non-standard way.

Some of these properties have subsequently been proposed for inclusion in the CSS specification, though the standard property may be different from the -moz implementation.

Some of these nonstandard properties apply only to elements with XUL display types.

At-rules

  • {{ Cssxref("@-moz-document") }}

Pseudo-elements and pseudo-classes

  • {{ Cssxref(":-moz-list-bullet") }}
  • {{ Cssxref(":-moz-first-node") }}
  • {{ Cssxref(":-moz-last-node") }}
  • {{ Cssxref(":-moz-only-whitespace") }}
  • {{ Cssxref(":-moz-bound-element") }}
  • {{ Cssxref(":-moz-any-link") }} (matches :link and :visited)
  • {{ Cssxref(":-moz-drag-over") }}
  • {{ Cssxref(":-moz-tree-row") }}
  • {{ Cssxref(":-moz-tree-row(hover)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-tree-cell") }}
  • {{ Cssxref(":-moz-tree-checkbox") }}
  • {{ Cssxref(":-moz-tree-column") }}
  • {{ Cssxref(":-moz-tree-cell-text") }}
  • {{ Cssxref(":-moz-tree-cell-text(hover)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-tree-twisty") }}
  • {{ Cssxref(":-moz-tree-indentation") }}
  • {{ Cssxref(":-moz-tree-line") }}
  • {{ Cssxref(":-moz-tree-image") }}
  • {{ Cssxref(":-moz-tree-separator") }}
  • {{ Cssxref(":-moz-tree-drop-feedback") }}
  • {{ Cssxref(":-moz-tree-progressmeter") }}
  • {{ Cssxref(":-moz-system-metric(windows-default-theme)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(mac-graphite-theme)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(images-in-menus)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(scrollbar-start-backward)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(scrollbar-start-forward)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(scrollbar-end-backward)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(scrollbar-end-forward)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-system-metric(scrollbar-thumb-proportional)") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-alt-text") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-placeholder") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref(":-moz-broken") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("::-moz-svg-foreign-content") }} example at resource://gre/res/svg.css , *|*::-moz-svg-foreign-content {display: block !important;position: static !important;}
  • {{ Cssxref("::-moz-scrolled-page-sequence") }} eg@:- bug 331432
  • {{ Cssxref("::-moz-scrolled-content") }} eg@:- bug 331432
  • {{ Cssxref("::-moz-anonymous-block") }} eg@:- bug 331432
  • {{ Cssxref("::-moz-cell-content") }} eg@:- bug 331432
  • {{ Cssxref("::-moz-anonymous-positioned-block") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-pagecontent") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-page") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-page-sequence") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-pagebreak") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-viewport") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-viewport-scroll") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-canvas") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-scrolled-canvas") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-xul-anonymous-block") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-cell") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-row-group") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-column-group") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-column") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-row") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-table-outer") }} eg@:- resource://gre/res/ua.css
  • {{ Cssxref("::-moz-inline-table") }} eg@:- resource://gre/res/ua.css

Properties

  • {{ Cssxref("-moz-appearance") }}
  • {{ Cssxref("-moz-binding") }}
  • {{ Cssxref("-moz-background-clip") }}
  • {{ Cssxref("-moz-background-inline-policy") }}
  • {{ Cssxref("-moz-background-origin") }}
  • {{ Cssxref("-moz-border-image") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("-moz-border-top-colors") }}
  • {{ Cssxref("-moz-border-right-colors") }}
  • {{ Cssxref("-moz-border-bottom-colors") }}
  • {{ Cssxref("-moz-border-left-colors") }}
  • {{ Cssxref("-moz-border-radius") }}
  • {{ Cssxref("-moz-border-radius-topleft") }}
  • {{ Cssxref("-moz-border-radius-topright") }}
  • {{ Cssxref("-moz-border-radius-bottomleft") }}
  • {{ Cssxref("-moz-border-radius-bottomright") }}
  • {{ Cssxref("-moz-box-align") }}
  • {{ Cssxref("-moz-box-direction") }}
  • {{ Cssxref("-moz-box-flex") }}
  • {{ Cssxref("-moz-box-ordinal-group") }}
  • {{ Cssxref("-moz-box-orient") }}
  • {{ Cssxref("-moz-box-pack") }}
  • {{ Cssxref("-moz-box-shadow") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("-moz-box-sizing") }}
  • {{ Cssxref("-moz-image-region") }}
  • {{ Cssxref("-moz-box-flexgroup") }}
  • {{ Cssxref("-moz-opacity") }} {{ obsolete_inline() }}
  • {{ Cssxref("-moz-outline") }} {{ deprecated_inline() }}
  • {{ Cssxref("-moz-outline-color") }} {{ deprecated_inline() }}
  • {{ Cssxref("-moz-outline-offset") }} {{ deprecated_inline() }}
  • {{ Cssxref("-moz-outline-radius") }}
  • {{ Cssxref("-moz-outline-radius-topleft") }}
  • {{ Cssxref("-moz-outline-radius-topright") }}
  • {{ Cssxref("-moz-outline-radius-bottomleft") }}
  • {{ Cssxref("-moz-outline-radius-bottomright") }}
  • {{ Cssxref("-moz-outline-style") }} {{ deprecated_inline() }}
  • {{ Cssxref("-moz-outline-width") }}
  • {{ Cssxref("-moz-user-focus") }}
  • {{ Cssxref("-moz-user-input") }}
  • {{ Cssxref("-moz-user-modify") }}
  • {{ Cssxref("-moz-user-select") }}
  • {{ Cssxref("-moz-window-shadow") }} {{ Fx_minversion_inline("3") }}
  • CSS3 Box
    • {{ Cssxref("overflow-x") }}
    • {{ Cssxref("overflow-y") }}
  • CSS3 Columns
    • {{ Cssxref("-moz-column-count") }}
    • {{ Cssxref("-moz-column-gap") }}
    • {{ Cssxref("-moz-column-width") }}
    • {{ Cssxref("-moz-column-rule") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-column-rule-width") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-column-rule-style") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-column-rule-color") }} {{ Fx_minversion_inline("3") }}
  • CSS transforms
    • {{ Cssxref("-moz-transform") }} {{ fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-transform-origin") }} {{ fx_minversion_inline("3") }}
  • {{ Cssxref("-moz-float-edge") }}
  • {{ Cssxref("-moz-border-end") }}
  • {{ Cssxref("-moz-border-end-color") }}
  • {{ Cssxref("-moz-border-end-style") }}
  • {{ Cssxref("-moz-border-end-width") }}
  • {{ Cssxref("-moz-border-start") }}
  • {{ Cssxref("-moz-border-start-color") }}
  • {{ Cssxref("-moz-border-start-style") }}
  • {{ Cssxref("-moz-border-start-width") }}
  • {{ Cssxref("-moz-margin-end") }}
  • {{ Cssxref("-moz-margin-start") }}
  • {{ Cssxref("-moz-padding-start") }}
  • {{ Cssxref("-moz-padding-end") }}
  • {{ Cssxref("-moz-force-broken-image-icon") }}
  • {{ Cssxref("-moz-stack-sizing") }} {{ Fx_minversion_inline("3") }}

Values

  • {{ Cssxref("cursor") }}
    • {{ Cssxref("-moz-alias") }}
    • {{ Cssxref("-moz-cell") }}
    • {{ Cssxref("-moz-context-menu") }}
    • {{ Cssxref("-moz-copy") }}
    • {{ Cssxref("-moz-grab") }}
    • {{ Cssxref("-moz-grabbing") }}
    • {{ Cssxref("-moz-spinning") }}
    • {{ Cssxref("-moz-zoom-in") }}
    • {{ Cssxref("-moz-zoom-out") }}
  • {{ Cssxref("display") }}
    • {{ Cssxref("-moz-box") }}
    • {{ Cssxref("-moz-inline-block") }}
    • {{ Cssxref("-moz-inline-box") }}
    • {{ Cssxref("-moz-inline-grid") }}
    • {{ Cssxref("-moz-inline-stack") }}
    • {{ Cssxref("-moz-inline-table") }}
    • {{ Cssxref("-moz-grid") }}
    • {{ Cssxref("-moz-grid-group") }}
    • {{ Cssxref("-moz-grid-line") }}
    • {{ Cssxref("-moz-groupbox") }}
    • {{ Cssxref("-moz-deck") }}
    • {{ Cssxref("-moz-popup") }}
    • {{ Cssxref("-moz-stack") }}
    • {{ Cssxref("-moz-run-in") }}
    • {{ Cssxref("-moz-compact") }}
    • {{ Cssxref("-moz-marker") }}
  • {{ Cssxref("overflow") }}
    • {{ Cssxref("-moz-scrollbars-horizontal") }}
    • {{ Cssxref("-moz-scrollbars-none") }}
    • {{ Cssxref("-moz-scrollbars-vertical") }}
    • {{ Cssxref("-moz-hidden-unscrollable") }}

Note: All of these values should be considered deprecated. Use of the {{ Cssxref("overflow-x") }} and {{ Cssxref("overflow-y") }} is preferred, although it does not replace the last of these.

  • {{ Cssxref("border-style") }} and {{ Cssxref("outline-style") }}
    • {{ Cssxref("-moz-bg-inset") }} - Makes the inset border to blend with then current background (scheduled for removal)
    • {{ Cssxref("-moz-bg-outset") }} - Makes the outset border to blend with then current background (scheduled for removal)
    • {{ Cssxref("-moz-bg-solid") }} - Makes the solid border to blend with then current background (scheduled for removal )
  • {{ Cssxref("border-color") }}
    • {{ Cssxref("-moz-use-text-color") }}
  • For all properties accepting {{ Cssxref("color value", "color") }} keywords
    • {{ Cssxref("-moz-activehyperlinktext") }}
    • {{ Cssxref("-moz-hyperlinktext") }}
    • {{ Cssxref("-moz-visitedhyperlinktext") }}
    • {{ Cssxref("-moz-buttondefault") }}
    • {{ Cssxref("-moz-buttonhoverface") }}
    • {{ Cssxref("-moz-buttonhovertext") }}
    • {{ Cssxref("-moz-cellhighlight") }}
    • {{ Cssxref("-moz-cellhighlighttext") }}
    • {{ Cssxref("-moz-field") }}
    • {{ Cssxref("-moz-fieldtext") }}
    • {{ Cssxref("-moz-dialog") }}
    • {{ Cssxref("-moz-dialogtext") }}
    • {{ Cssxref("-moz-dragtargetzone") }}
    • {{ Cssxref("-moz-mac-accentdarkestshadow") }}
    • {{ Cssxref("-moz-mac-accentdarkshadow") }}
    • {{ Cssxref("-moz-mac-accentface") }}
    • {{ Cssxref("-moz-mac-accentlightesthighlight") }}
    • {{ Cssxref("-moz-mac-accentlightshadow") }}
    • {{ Cssxref("-moz-mac-accentregularhighlight") }}
    • {{ Cssxref("-moz-mac-accentregularshadow") }}
    • {{ Cssxref("-moz-mac-chrome-active") }} {{ Fx_minversion_inline("3") }} {{ Bug("449833") }}
    • {{ Cssxref("-moz-mac-chrome-inactive") }} {{ Fx_minversion_inline("3") }} {{ Bug("449833") }}
    • {{ Cssxref("-moz-mac-focusring") }}
    • {{ Cssxref("-moz-mac-menuselect") }}
    • {{ Cssxref("-moz-mac-menushadow") }}
    • {{ Cssxref("-moz-mac-menutextselect") }}
    • {{ Cssxref("-moz-menuhover") }}
    • {{ Cssxref("-moz-menuhovertext") }}
    • {{ Cssxref("-moz-win-communicationstext") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-win-mediatext") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-nativehyperlinktext") }} {{ Fx_minversion_inline("3") }} {{ Bug("426732") }}
  • {{ Cssxref("empty-cells") }}
    • {{ Cssxref("-moz-show-background") }} (default value in quirks mode)
  • {{ Cssxref("font-family") }}
    • {{ Cssxref("-moz-fixed") }}
  • {{ Cssxref("font") }}
    • {{ Cssxref("-moz-button") }}
    • {{ Cssxref("-moz-info") }}
    • {{ Cssxref("-moz-desktop") }}
    • {{ Cssxref("-moz-dialog") }} (also a color)
    • {{ Cssxref("-moz-document") }}
    • {{ Cssxref("-moz-workspace") }}
    • {{ Cssxref("-moz-window") }}
    • {{ Cssxref("-moz-list") }}
    • {{ Cssxref("-moz-pull-down-menu") }}
    • {{ Cssxref("-moz-field") }} (also a color)
  • {{ Cssxref("text-align") }}
    • {{ Cssxref("-moz-center") }}
    • {{ Cssxref("-moz-left") }}
    • {{ Cssxref("-moz-right") }}
  • {{ Cssxref("text-decoration") }}
    • {{ Cssxref("-moz-anchor-decoration") }}
  • {{ Cssxref("-moz-user-select") }}
    • {{ Cssxref("-moz-all") }}
    • {{ Cssxref("-moz-none") }}
  • {{ Cssxref("list-style-type") }}
    • {{ Cssxref("-moz-arabic-indic") }}
    • {{ Cssxref("-moz-bengali") }}
    • {{ Cssxref("-moz-cjk-earthly-branch") }}
    • {{ Cssxref("-moz-cjk-heavenly-stem") }}
    • {{ Cssxref("-moz-devanagari") }}
    • {{ Cssxref("-moz-ethiopic-halehame") }}
    • {{ Cssxref("-moz-ethiopic-halehame-am") }}
    • {{ Cssxref("-moz-ethiopic-halehame-ti-er") }}
    • {{ Cssxref("-moz-ethiopic-halehame-ti-et") }}
    • {{ Cssxref("-moz-ethiopic-numeric") }}
    • {{ Cssxref("-moz-gujarati") }}
    • {{ Cssxref("-moz-gurmukhi") }}
    • {{ Cssxref("-moz-hangul") }}
    • {{ Cssxref("-moz-hangul-consonant") }}
    • {{ Cssxref("-moz-japanese-formal") }}
    • {{ Cssxref("-moz-japanese-informal") }}
    • {{ Cssxref("-moz-kannada") }}
    • {{ Cssxref("-moz-khmer") }}
    • {{ Cssxref("-moz-lao") }}
    • {{ Cssxref("-moz-malayalam") }}
    • {{ Cssxref("-moz-myanmar") }}
    • {{ Cssxref("-moz-oriya") }}
    • {{ Cssxref("-moz-persian") }}
    • {{ Cssxref("-moz-simp-chinese-formal") }}
    • {{ Cssxref("-moz-simp-chinese-informal") }}
    • {{ Cssxref("-moz-tamil") }}
    • {{ Cssxref("-moz-telugu") }}
    • {{ Cssxref("-moz-thai") }}
    • {{ Cssxref("-moz-trad-chinese-formal") }}
    • {{ Cssxref("-moz-trad-chinese-informal") }}
    • {{ Cssxref("-moz-urdu") }}
  • {{ Cssxref("width") }}, {{ Cssxref("min-width") }}, {{ Cssxref("max-width") }}
    • {{ Cssxref("-moz-min-content") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-fit-content") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-max-content") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-available") }} {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("-moz-appearance") }}
    • {{ Cssxref("-moz-win-browsertabbar-toolbox") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-win-communications-toolbox") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-win-media-toolbox") }} {{ Fx_minversion_inline("3") }}
    • {{ Cssxref("-moz-mac-unified-toolbar") }} {{ Fx_minversion_inline("3") }}

Others

  • {{ Cssxref("color value", "color") }} 'functions'
    • {{ Cssxref("-moz-hsla") }} (hue, saturation, lightness, opacity)
    • {{ Cssxref("-moz-rgba") }}
  • {{ Cssxref("-moz-initial") }} - The value -moz-initial is a partial implementation of css3's initial used to apply the CSS specification's initial value of a property to an element.
  • {{ Cssxref("-moz-math-columnline") }}
  • {{ Cssxref("-moz-math-firstcolumn") }}
  • {{ Cssxref("-moz-math-firstrow") }}
  • {{ Cssxref("-moz-math-font-size") }}
  • {{ Cssxref("-moz-math-font-style") }}
  • {{ Cssxref("-moz-math-lastcolumn") }}
  • {{ Cssxref("-moz-math-lastrow") }}
  • {{ Cssxref("-moz-math-rowline") }}

CSS Transforms

From CSS Transforms spec (Webkit)

  • {{ Cssxref("-moz-transform") }} CSS Transforms introduction {{ Fx_minversion_inline("3") }}
  • {{ Cssxref("-moz-transform-origin") }} {{ Fx_minversion_inline("3") }}


This list may not be complete. See Talk:Mozilla CSS Extensions

{{ languages( { "es": "es/Referencia_CSS/Extensiones_Mozilla", "fr": "fr/R\u00e9f\u00e9rence_CSS/Extensions_Mozilla", "ja": "ja/CSS_Reference/Mozilla_Extensions", "pl": "pl/Dokumentacja_CSS/Rozszerzenia_Mozilli" } ) }}

Revision Source

<p>{{ CSSRef() }}</p>
<div class="note">
<p>At this time I'm not sure whether this list is complete or accurate. Please feel free to add/modify/delete from this list as required. -- <a href="/User:Dria" title="User:Dria">dria</a> 11:57, 17 October 2005 (PDT)</p>
<p>Any information there is on <a href="/en/Mozilla_CSS_Extensions" title="en/Mozilla_CSS_Extensions">Mozilla CSS Extensions</a> page needs to be moved here.</p>
<p>CSS Properties that are Mozilla Extensions (ie: not part of the CSS Standard) should be included in the <a href="/Special:Tags" title="Site Tags">Category:CSS:Mozilla Extensions</a> category.</p>
<p>Mozilla extensions to properties that are part of the CSS Standard should be noted at the bottom of that property's page, in a "Mozilla Extensions" subsection. So, for example, extensions to the CSS "cursor" property should be included on the <a href="/en/CSS/cursor" title="en/CSS/cursor">CSS:cursor</a> page, in a section at the bottom called "Mozilla Extensions" <a class="external" href="http://mail.mozilla.org/pipermail/devmo-general/2005-October/000453.html"></a>.</p>
</div>
<p>Mozilla supports a number of extensions to <a href="/en/CSS" title="en/CSS">CSS</a> that are prefixed with '-moz'. These include a number of capabilities, including rounded borders, and the ability to specify different box width and height calculations to more easily support browers that perform such calculations in a non-standard way.</p>
<p>Some of these properties have subsequently been proposed for inclusion in the CSS specification, though the standard property may be different from the -moz implementation.</p>
<p>Some of these nonstandard properties apply only to elements with XUL display types.</p>
<h4 name="At-rules">At-rules</h4>
<ul> <li>{{ Cssxref("@-moz-document") }}</li>
</ul>
<h4 name="Pseudo-elements_and_pseudo-classes">Pseudo-elements and pseudo-classes</h4>
<ul> <li>{{ Cssxref(":-moz-list-bullet") }}</li> <li>{{ Cssxref(":-moz-first-node") }}</li> <li>{{ Cssxref(":-moz-last-node") }}</li> <li>{{ Cssxref(":-moz-only-whitespace") }}</li> <li>{{ Cssxref(":-moz-bound-element") }}</li> <li>{{ Cssxref(":-moz-any-link") }} (matches :link and :visited)</li> <li>{{ Cssxref(":-moz-drag-over") }}</li> <li>{{ Cssxref(":-moz-tree-row") }}</li> <li>{{ Cssxref(":-moz-tree-row(hover)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-tree-cell") }}</li> <li>{{ Cssxref(":-moz-tree-checkbox") }}</li> <li>{{ Cssxref(":-moz-tree-column") }}</li> <li>{{ Cssxref(":-moz-tree-cell-text") }}</li> <li>{{ Cssxref(":-moz-tree-cell-text(hover)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-tree-twisty") }}</li> <li>{{ Cssxref(":-moz-tree-indentation") }}</li> <li>{{ Cssxref(":-moz-tree-line") }}</li> <li>{{ Cssxref(":-moz-tree-image") }}</li> <li>{{ Cssxref(":-moz-tree-separator") }}</li> <li>{{ Cssxref(":-moz-tree-drop-feedback") }}</li> <li>{{ Cssxref(":-moz-tree-progressmeter") }}</li> <li>{{ Cssxref(":-moz-system-metric(windows-default-theme)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(mac-graphite-theme)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(images-in-menus)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(scrollbar-start-backward)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(scrollbar-start-forward)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(scrollbar-end-backward)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(scrollbar-end-forward)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-system-metric(scrollbar-thumb-proportional)") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-alt-text") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-placeholder") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref(":-moz-broken") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("::-moz-svg-foreign-content") }} <span class="comment">example at <a class=" external" href="resource://gre/res/svg.css" rel="freelink">resource://gre/res/svg.css</a> , *|*::-moz-svg-foreign-content {display: block !important;position: static !important;}</span></li> <li>{{ Cssxref("::-moz-scrolled-page-sequence") }} <span class="comment">eg@:- bug 331432</span></li> <li>{{ Cssxref("::-moz-scrolled-content") }} <span class="comment">eg@:- bug 331432</span></li> <li>{{ Cssxref("::-moz-anonymous-block") }} <span class="comment">eg@:- bug 331432</span></li> <li>{{ Cssxref("::-moz-cell-content") }} <span class="comment">eg@:- bug 331432</span></li> <li>{{ Cssxref("::-moz-anonymous-positioned-block") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-pagecontent") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-page") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-page-sequence") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-pagebreak") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-viewport") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-viewport-scroll") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-canvas") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-scrolled-canvas") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-xul-anonymous-block") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-cell") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-row-group") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-column-group") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-column") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-row") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-table-outer") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li> <li>{{ Cssxref("::-moz-inline-table") }} <span class="comment">eg@:- <a class=" external" href="resource://gre/res/ua.css" rel="freelink">resource://gre/res/ua.css</a></span></li>
</ul>
<h4 name="Properties">Properties</h4>
<ul> <li>{{ Cssxref("-moz-appearance") }}</li> <li>{{ Cssxref("-moz-binding") }}</li> <li>{{ Cssxref("-moz-background-clip") }}</li> <li>{{ Cssxref("-moz-background-inline-policy") }}</li> <li>{{ Cssxref("-moz-background-origin") }}</li> <li>{{ Cssxref("-moz-border-image") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-border-top-colors") }}</li> <li>{{ Cssxref("-moz-border-right-colors") }}</li> <li>{{ Cssxref("-moz-border-bottom-colors") }}</li> <li>{{ Cssxref("-moz-border-left-colors") }}</li> <li>{{ Cssxref("-moz-border-radius") }}</li> <li>{{ Cssxref("-moz-border-radius-topleft") }}</li> <li>{{ Cssxref("-moz-border-radius-topright") }}</li> <li>{{ Cssxref("-moz-border-radius-bottomleft") }}</li> <li>{{ Cssxref("-moz-border-radius-bottomright") }}</li> <li>{{ Cssxref("-moz-box-align") }}</li> <li>{{ Cssxref("-moz-box-direction") }}</li> <li>{{ Cssxref("-moz-box-flex") }}</li> <li>{{ Cssxref("-moz-box-ordinal-group") }}</li> <li>{{ Cssxref("-moz-box-orient") }}</li> <li>{{ Cssxref("-moz-box-pack") }}</li> <li>{{ Cssxref("-moz-box-shadow") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-box-sizing") }}</li> <li>{{ Cssxref("-moz-image-region") }}</li> <li>{{ Cssxref("-moz-box-flexgroup") }}</li> <li>{{ Cssxref("-moz-opacity") }} {{ obsolete_inline() }}</li> <li>{{ Cssxref("-moz-outline") }} {{ deprecated_inline() }}</li> <li>{{ Cssxref("-moz-outline-color") }} {{ deprecated_inline() }}</li> <li>{{ Cssxref("-moz-outline-offset") }} {{ deprecated_inline() }}</li> <li>{{ Cssxref("-moz-outline-radius") }}</li> <li>{{ Cssxref("-moz-outline-radius-topleft") }}</li> <li>{{ Cssxref("-moz-outline-radius-topright") }}</li> <li>{{ Cssxref("-moz-outline-radius-bottomleft") }}</li> <li>{{ Cssxref("-moz-outline-radius-bottomright") }}</li> <li>{{ Cssxref("-moz-outline-style") }} {{ deprecated_inline() }}</li> <li>{{ Cssxref("-moz-outline-width") }}</li> <li>{{ Cssxref("-moz-user-focus") }}</li> <li>{{ Cssxref("-moz-user-input") }}</li> <li>{{ Cssxref("-moz-user-modify") }}</li> <li>{{ Cssxref("-moz-user-select") }}</li> <li>{{ Cssxref("-moz-window-shadow") }} {{ Fx_minversion_inline("3") }}</li>
</ul>
<ul> <li>CSS3 Box <ul> <li>{{ Cssxref("overflow-x") }}</li> <li>{{ Cssxref("overflow-y") }}</li> </ul> </li>
</ul>
<ul> <li>CSS3 Columns <ul> <li>{{ Cssxref("-moz-column-count") }}</li> <li>{{ Cssxref("-moz-column-gap") }}</li> <li>{{ Cssxref("-moz-column-width") }}</li> <li>{{ Cssxref("-moz-column-rule") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-column-rule-width") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-column-rule-style") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-column-rule-color") }} {{ Fx_minversion_inline("3") }}</li> </ul> </li> <li>CSS transforms <ul> <li>{{ Cssxref("-moz-transform") }} {{ fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-transform-origin") }} {{ fx_minversion_inline("3") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("-moz-float-edge") }}</li> <li>{{ Cssxref("-moz-border-end") }}</li> <li>{{ Cssxref("-moz-border-end-color") }}</li> <li>{{ Cssxref("-moz-border-end-style") }}</li> <li>{{ Cssxref("-moz-border-end-width") }}</li> <li>{{ Cssxref("-moz-border-start") }}</li> <li>{{ Cssxref("-moz-border-start-color") }}</li> <li>{{ Cssxref("-moz-border-start-style") }}</li> <li>{{ Cssxref("-moz-border-start-width") }}</li> <li>{{ Cssxref("-moz-margin-end") }}</li> <li>{{ Cssxref("-moz-margin-start") }}</li> <li>{{ Cssxref("-moz-padding-start") }}</li> <li>{{ Cssxref("-moz-padding-end") }}</li> <li>{{ Cssxref("-moz-force-broken-image-icon") }}</li> <li>{{ Cssxref("-moz-stack-sizing") }} {{ Fx_minversion_inline("3") }}</li>
</ul>
<h4 name="Values">Values</h4>
<ul> <li>{{ Cssxref("cursor") }} <ul> <li>{{ Cssxref("-moz-alias") }}</li> <li>{{ Cssxref("-moz-cell") }}</li> <li>{{ Cssxref("-moz-context-menu") }}</li> <li>{{ Cssxref("-moz-copy") }}</li> <li>{{ Cssxref("-moz-grab") }}</li> <li>{{ Cssxref("-moz-grabbing") }}</li> <li>{{ Cssxref("-moz-spinning") }}</li> <li>{{ Cssxref("-moz-zoom-in") }}</li> <li>{{ Cssxref("-moz-zoom-out") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("display") }} <ul> <li>{{ Cssxref("-moz-box") }}</li> <li>{{ Cssxref("-moz-inline-block") }}</li> <li>{{ Cssxref("-moz-inline-box") }}</li> <li>{{ Cssxref("-moz-inline-grid") }}</li> <li>{{ Cssxref("-moz-inline-stack") }}</li> <li>{{ Cssxref("-moz-inline-table") }}</li> <li>{{ Cssxref("-moz-grid") }}</li> <li>{{ Cssxref("-moz-grid-group") }}</li> <li>{{ Cssxref("-moz-grid-line") }}</li> <li>{{ Cssxref("-moz-groupbox") }}</li> <li>{{ Cssxref("-moz-deck") }}</li> <li>{{ Cssxref("-moz-popup") }}</li> <li>{{ Cssxref("-moz-stack") }}</li> <li>{{ Cssxref("-moz-run-in") }}</li> <li>{{ Cssxref("-moz-compact") }}</li> <li>{{ Cssxref("-moz-marker") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("overflow") }} <ul> <li>{{ Cssxref("-moz-scrollbars-horizontal") }}</li> <li>{{ Cssxref("-moz-scrollbars-none") }}</li> <li>{{ Cssxref("-moz-scrollbars-vertical") }}</li> <li>{{ Cssxref("-moz-hidden-unscrollable") }}</li> </ul> </li>
</ul>
<p>Note: All of these values should be considered deprecated. Use of the {{ Cssxref("overflow-x") }} and {{ Cssxref("overflow-y") }} is preferred, although it does not replace the last of these.</p>
<ul> <li>{{ Cssxref("border-style") }} and {{ Cssxref("outline-style") }} <ul> <li>{{ Cssxref("-moz-bg-inset") }} - Makes the inset border to blend with then current background (scheduled for removal)</li> <li>{{ Cssxref("-moz-bg-outset") }} - Makes the outset border to blend with then current background (scheduled for removal)</li> <li>{{ Cssxref("-moz-bg-solid") }} - Makes the solid border to blend with then current background (scheduled for removal )</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("border-color") }} <ul> <li>{{ Cssxref("-moz-use-text-color") }}</li> </ul> </li>
</ul>
<ul> <li>For all properties accepting {{ Cssxref("color value", "color") }} keywords <ul> <li>{{ Cssxref("-moz-activehyperlinktext") }}</li> <li>{{ Cssxref("-moz-hyperlinktext") }}</li> <li>{{ Cssxref("-moz-visitedhyperlinktext") }}</li> <li>{{ Cssxref("-moz-buttondefault") }}</li> <li>{{ Cssxref("-moz-buttonhoverface") }}</li> <li>{{ Cssxref("-moz-buttonhovertext") }}</li> <li>{{ Cssxref("-moz-cellhighlight") }}</li> <li>{{ Cssxref("-moz-cellhighlighttext") }}</li> <li>{{ Cssxref("-moz-field") }}</li> <li>{{ Cssxref("-moz-fieldtext") }}</li> <li>{{ Cssxref("-moz-dialog") }}</li> <li>{{ Cssxref("-moz-dialogtext") }}</li> <li>{{ Cssxref("-moz-dragtargetzone") }}</li> <li>{{ Cssxref("-moz-mac-accentdarkestshadow") }}</li> <li>{{ Cssxref("-moz-mac-accentdarkshadow") }}</li> <li>{{ Cssxref("-moz-mac-accentface") }}</li> <li>{{ Cssxref("-moz-mac-accentlightesthighlight") }}</li> <li>{{ Cssxref("-moz-mac-accentlightshadow") }}</li> <li>{{ Cssxref("-moz-mac-accentregularhighlight") }}</li> <li>{{ Cssxref("-moz-mac-accentregularshadow") }}</li> <li>{{ Cssxref("-moz-mac-chrome-active") }} {{ Fx_minversion_inline("3") }} {{ Bug("449833") }}</li> <li>{{ Cssxref("-moz-mac-chrome-inactive") }} {{ Fx_minversion_inline("3") }} {{ Bug("449833") }}</li> <li>{{ Cssxref("-moz-mac-focusring") }}</li> <li>{{ Cssxref("-moz-mac-menuselect") }}</li> <li>{{ Cssxref("-moz-mac-menushadow") }}</li> <li>{{ Cssxref("-moz-mac-menutextselect") }}</li> <li>{{ Cssxref("-moz-menuhover") }}</li> <li>{{ Cssxref("-moz-menuhovertext") }}</li> <li>{{ Cssxref("-moz-win-communicationstext") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-win-mediatext") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-nativehyperlinktext") }} {{ Fx_minversion_inline("3") }} {{ Bug("426732") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("empty-cells") }} <ul> <li>{{ Cssxref("-moz-show-background") }} (default value in quirks mode)</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("font-family") }} <ul> <li>{{ Cssxref("-moz-fixed") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("font") }} <ul> <li>{{ Cssxref("-moz-button") }}</li> <li>{{ Cssxref("-moz-info") }}</li> <li>{{ Cssxref("-moz-desktop") }}</li> <li>{{ Cssxref("-moz-dialog") }} (also a color)</li> <li>{{ Cssxref("-moz-document") }}</li> <li>{{ Cssxref("-moz-workspace") }}</li> <li>{{ Cssxref("-moz-window") }}</li> <li>{{ Cssxref("-moz-list") }}</li> <li>{{ Cssxref("-moz-pull-down-menu") }}</li> <li>{{ Cssxref("-moz-field") }} (also a color)</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("text-align") }} <ul> <li>{{ Cssxref("-moz-center") }}</li> <li>{{ Cssxref("-moz-left") }}</li> <li>{{ Cssxref("-moz-right") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("text-decoration") }} <ul> <li>{{ Cssxref("-moz-anchor-decoration") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("-moz-user-select") }} <ul> <li>{{ Cssxref("-moz-all") }}</li> <li>{{ Cssxref("-moz-none") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("list-style-type") }} <ul> <li>{{ Cssxref("-moz-arabic-indic") }}</li> <li>{{ Cssxref("-moz-bengali") }}</li> <li>{{ Cssxref("-moz-cjk-earthly-branch") }}</li> <li>{{ Cssxref("-moz-cjk-heavenly-stem") }}</li> <li>{{ Cssxref("-moz-devanagari") }}</li> <li>{{ Cssxref("-moz-ethiopic-halehame") }}</li> <li>{{ Cssxref("-moz-ethiopic-halehame-am") }}</li> <li>{{ Cssxref("-moz-ethiopic-halehame-ti-er") }}</li> <li>{{ Cssxref("-moz-ethiopic-halehame-ti-et") }}</li> <li>{{ Cssxref("-moz-ethiopic-numeric") }}</li> <li>{{ Cssxref("-moz-gujarati") }}</li> <li>{{ Cssxref("-moz-gurmukhi") }}</li> <li>{{ Cssxref("-moz-hangul") }}</li> <li>{{ Cssxref("-moz-hangul-consonant") }}</li> <li>{{ Cssxref("-moz-japanese-formal") }}</li> <li>{{ Cssxref("-moz-japanese-informal") }}</li> <li>{{ Cssxref("-moz-kannada") }}</li> <li>{{ Cssxref("-moz-khmer") }}</li> <li>{{ Cssxref("-moz-lao") }}</li> <li>{{ Cssxref("-moz-malayalam") }}</li> <li>{{ Cssxref("-moz-myanmar") }}</li> <li>{{ Cssxref("-moz-oriya") }}</li> <li>{{ Cssxref("-moz-persian") }}</li> <li>{{ Cssxref("-moz-simp-chinese-formal") }}</li> <li>{{ Cssxref("-moz-simp-chinese-informal") }}</li> <li>{{ Cssxref("-moz-tamil") }}</li> <li>{{ Cssxref("-moz-telugu") }}</li> <li>{{ Cssxref("-moz-thai") }}</li> <li>{{ Cssxref("-moz-trad-chinese-formal") }}</li> <li>{{ Cssxref("-moz-trad-chinese-informal") }}</li> <li>{{ Cssxref("-moz-urdu") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("width") }}, {{ Cssxref("min-width") }}, {{ Cssxref("max-width") }} <ul> <li>{{ Cssxref("-moz-min-content") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-fit-content") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-max-content") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-available") }} {{ Fx_minversion_inline("3") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("-moz-appearance") }} <ul> <li>{{ Cssxref("-moz-win-browsertabbar-toolbox") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-win-communications-toolbox") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-win-media-toolbox") }} {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-mac-unified-toolbar") }} {{ Fx_minversion_inline("3") }}</li> </ul> </li>
</ul>
<h4 name="Others">Others</h4>
<ul> <li>{{ Cssxref("color value", "color") }} 'functions' <ul> <li>{{ Cssxref("-moz-hsla") }} (hue, saturation, lightness, opacity)</li> <li>{{ Cssxref("-moz-rgba") }}</li> </ul> </li>
</ul>
<ul> <li>{{ Cssxref("-moz-initial") }} - The value <code>-moz-initial</code> is a partial implementation of css3's <code>initial</code> used to apply the CSS specification's initial value of a property to an element.</li>
</ul>
<ul> <li>{{ Cssxref("-moz-math-columnline") }}</li> <li>{{ Cssxref("-moz-math-firstcolumn") }}</li> <li>{{ Cssxref("-moz-math-firstrow") }}</li> <li>{{ Cssxref("-moz-math-font-size") }}</li> <li>{{ Cssxref("-moz-math-font-style") }}</li> <li>{{ Cssxref("-moz-math-lastcolumn") }}</li> <li>{{ Cssxref("-moz-math-lastrow") }}</li> <li>{{ Cssxref("-moz-math-rowline") }}</li>
</ul>
<h4 name="CSS_Tranforms">CSS Transforms</h4>
<p>From <a class="external" href="http://webkit.org/specs/CSSVisualEffects/CSSTransforms.html">CSS Transforms spec (Webkit)</a></p>
<ul> <li>{{ Cssxref("-moz-transform") }} <a href="/web-tech/2008/09/12/css-transforms" title="web-tech/2008/09/12/css-transforms">CSS Transforms introduction</a> {{ Fx_minversion_inline("3") }}</li> <li>{{ Cssxref("-moz-transform-origin") }} {{ Fx_minversion_inline("3") }}</li>
</ul>
<p><br>
This list may not be complete. See <a href="/Talk:en/Mozilla_CSS_Extensions" title="Talk:en/Mozilla_CSS_Extensions">Talk:Mozilla CSS Extensions</a></p>
<p>{{ languages( { "es": "es/Referencia_CSS/Extensiones_Mozilla", "fr": "fr/R\u00e9f\u00e9rence_CSS/Extensions_Mozilla", "ja": "ja/CSS_Reference/Mozilla_Extensions", "pl": "pl/Dokumentacja_CSS/Rozszerzenia_Mozilli" } ) }}</p>
Revert to this revision