Firefox CSS Private Property Memo Record_Experience Exchange

Sometimes... there are some things that Firefox doesn't support well... I can only find private properties to help...
There are still many examples... because there are too many and I don't understand them. ..When I understand it well, I will make a complete e-book.
Although these are not recommended, there must be a solution when absolutely necessary..

At-rules

@-moz-document url(http://www.w3.org/),<code>@-moz-document url(http://www.w3.org/),<br>url-prefix(http://www.w3.org/Style/),<br>domain(loaoao.com){<br>div{color:red;}<br>}url-prefix(http://www.w3.org/Style/ ),
domain(loaoao.com){
div{color:red;}
}

Specify which domain name the style is useful for. For example, domain(loaoao.com) can It can be used under www.loaoao.com, lab.loaoao.com, and if it is domain (www.loaoao.com), it can only be used under www.loaoao.com

Pseudo-elements and pseudo-classes Pseudo-classes and pseudo-objects

: I haven’t understood the -moz- series clearly yet. I don’t know if it only applies to xul..

Properties properties

moz-appearance: appearance value

-moz-binding: uri | none ;

Define the appearance directly (no results for testing..)

-moz-background-clip: border | padding ;

Link XBL something very similar to HTC...

-moz-background-inline-policy: bounding-box | continuous | each-box

Whether the background includes border, padding does not include, corresponding to CSS3 background-clip

How to render inline background -moz-background-origin: border | padding | content Example

-moz-border-top-colors:[color | transparent,]* color | transparent ;The background rendering method renders the sides or content in reverse according to background-position. Invalid when background-repeat:no-repeat, -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colorscorresponds to CSS3 background-origin

-moz-border-radius: border-radius {1,4} | inherit Define multiple colors for the border from outside to inside. Each is only 1px, and the last one fills the rest of the border. This border-style will also become solid

No default. No inheritance, can be used for all elements

-moz-box-align: start | center | end | baseline | stretch

Define rounded corners can be defined individually -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright

-moz-box-direction: normal | reverse

Define the position of the content, which can only be used for elements whose display value is -moz-box or -moz-inline-box

-moz-box-flex: number

Define the opposite direction of the content, such as direction, which can only be used for elements whose display value is -moz-box or -moz-inline-box

-moz-box-ordinal-group

It’s not clear yet. The test has no results. It can only be used for elements whose display value is -moz-box or -moz-inline-box

-moz-box-orient: horizontal | vertical

No official explanation

-moz-box-pack: start | center | end | justify

It’s not clear yet. The test has no results. The value that can only be used for display is -moz-box or -moz-inline-box elements.

-moz-box-sizing: content-box | border-box | padding-box

Define content direction, (justify is invalid), such as class text-algin, which can only be used for elements whose display value is -moz-box or -moz-inline-box

-moz-image-region: rect(top, right, bottom, left);

Border and padding do not need to be calculated, just inside width/height

-moz-key-equivalent

Waiting for finishing...

-moz-opacity:number | inherit ;

No official explanation

-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;

Transparency...Same as CSS3 opacity and defined at the same time without overlapping.

The line outline outside

is the same as CSS3 outline and also supports -moz-outline-radius (rounded corners)

Values ​​attribute valuecursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out

Define the mouse style. Some of the ones I tested are different from the official ones. The ones I tested are in the small box at the back 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

Add some corresponding instructions for display, etc.

Some...corresponding instructions for overflow will be added
There are many more... I will add them after I understand them...

Source: developer.mozilla .org/en/docs/CSS_Reference:Mozilla_Extensions