Skip to main content

Visit Mozilla.org

CSS Reference:Mozilla Extensions

From MDC


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" [1].

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.

Contents

[edit] At-rules

[edit] Pseudo-elements and pseudo-classes

[edit] Properties

[edit] Values

We'll probably document these on the page describing the standard property.

TODO: write guidelines

  • display
    • -moz-box
    • -moz-inline-block
    • -moz-inline-box
    • -moz-inline-grid
    • -moz-inline-stack
    • -moz-inline-table
    • -moz-grid
    • -moz-grid-group
    • -moz-grid-line
    • -moz-groupbox
    • -moz-deck
    • -moz-popup
    • -moz-stack
    • -moz-run-in
    • -moz-compact
    • -moz-marker
  • overflow
    • -moz-scrollbars-horizontal
    • -moz-scrollbars-none
    • -moz-scrollbars-vertical
    • -moz-hidden-unscrollable

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

  • border-style and outline-style
    • -moz-bg-inset - Makes the inset border to blend with then current background (scheduled for removal bug 84307)
    • -moz-bg-outset - Makes the outset border to blend with then current background (scheduled for removal bug 84307)
    • -moz-bg-solid - Makes the solid border to blend with then current background (scheduled for removal bug 84307)
  • all properties accepting color keywords
    • -moz-activehyperlinktext
    • -moz-hyperlinktext
    • -moz-visitedhyperlinktext
    • -moz-buttondefault
    • -moz-buttonhoverface
    • -moz-buttonhovertext
    • -moz-cellhighlight
    • -moz-cellhighlighttext
    • -moz-field
    • -moz-fieldtext
    • -moz-dialog
    • -moz-dialogtext
    • -moz-dragtargetzone
    • -moz-mac-accentdarkestshadow
    • -moz-mac-accentdarkshadow
    • -moz-mac-accentface
    • -moz-mac-accentlightesthighlight
    • -moz-mac-accentlightshadow
    • -moz-mac-accentregularhighlight
    • -moz-mac-accentregularshadow
    • -moz-mac-focusring
    • -moz-mac-menuselect
    • -moz-mac-menushadow
    • -moz-mac-menutextselect
    • -moz-menuhover
    • -moz-menuhovertext
    • -moz-win-communicationstext New in Firefox 3
    • -moz-win-mediatext New in Firefox 3
  • empty-cells
    • -moz-show-background (default value in quirks mode)
  • font
    • -moz-button
    • -moz-info
    • -moz-desktop
    • -moz-dialog (also a color)
    • -moz-document
    • -moz-workspace
    • -moz-window
    • -moz-list
    • -moz-pull-down-menu
    • -moz-field (also a color)
  • text-align
    • -moz-center
    • -moz-left
    • -moz-right
  • text-decoration
    • -moz-anchor-decoration
  • -moz-user-select
    • -moz-all
    • -moz-none
  • white-space
    • -moz-pre-wrap
  • list-style-type
    • -moz-arabic-indic
    • -moz-bengali
    • -moz-cjk-earthly-branch
    • -moz-cjk-heavenly-stem
    • -moz-devanagari
    • -moz-ethiopic-halehame
    • -moz-ethiopic-halehame-am
    • -moz-ethiopic-halehame-ti-er
    • -moz-ethiopic-halehame-ti-et
    • -moz-ethiopic-numeric
    • -moz-gujarati
    • -moz-gurmukhi
    • -moz-hangul
    • -moz-hangul-consonant
    • -moz-japanese-formal
    • -moz-japanese-informal
    • -moz-kannada
    • -moz-khmer
    • -moz-lao
    • -moz-malayalam
    • -moz-myanmar
    • -moz-oriya
    • -moz-persian
    • -moz-simp-chinese-formal
    • -moz-simp-chinese-informal
    • -moz-tamil
    • -moz-telugu
    • -moz-thai
    • -moz-trad-chinese-formal
    • -moz-trad-chinese-informal
    • -moz-urdu

[edit] Others

  • -moz-initial - where do we put it?
    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.

If you know what the following things mean, please put them into an appropriate section.

(The list doesn't seem to be be complete, I accidentally found 8 missing extensions --Nickolay 12:24, 20 October 2005 (PDT))

See Talk:Mozilla CSS Extensions

bug 311415 implemented -moz-max-content, -moz-min-content, -moz-fit-content, -moz-available values for width, min-width, and max-width properties. New in Firefox 3

Retrieved from "http://developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions"