Home > Web Front-end > CSS Tutorial > Firefox CSS Private Property Memo Record_Experience Exchange

Firefox CSS Private Property Memo Record_Experience Exchange

WBOY
Release: 2016-05-16 12:10:20
Original
1287 people have browsed it

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

cursor
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
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template