Maison  >  Article  >  interface Web  >  Mémo de propriété privée CSS Firefox Record_Experience Exchange

Mémo de propriété privée CSS Firefox Record_Experience Exchange

WBOY
WBOYoriginal
2016-05-16 12:10:201239parcourir

Parfois... il y a certaines choses que Firefox ne supporte pas bien... Je ne trouve que des propriétés privées pour m'aider...
Il y a encore beaucoup d'exemples... parce qu'il y en a trop et je je ne les comprends pas..Quand je le comprendrai bien, je ferai un e-book complet.
Bien que ceux-ci ne soient pas recommandés, il doit y avoir une solution lorsque cela est absolument nécessaire..

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;}
}

Spécifiez pour quel nom de domaine le style est utile. Par exemple, domain(loaoao. com) peut Il peut être utilisé sous www.loaoao.com, lab.loaoao.com, et s'il s'agit d'un domaine (www.loaoao.com), il ne peut être utilisé que sous www.loaoao.com


Pseudo-éléments et pseudo-classes Pseudo-classes et pseudo-objets

 : Je n'ai pas encore bien compris la série -moz-. Je ne sais pas si elle s'applique uniquement à xul..

Propriétés Propriétés
moz-appearance: appearance value
-moz-binding: uri | none ;
Définir directement l'apparence (aucun résultat pour les tests..)
-moz-background-clip: border | padding ;
Lien XBL quelque chose de très similaire à HTC...
-moz-background-inline-policy: bounding-box | continuous | each-box
Si l'arrière-plan inclut une bordure, le remplissage ne l'inclut pas, ce qui correspond au background-clip CSS3
Comment rendre l'arrière-plan en ligne -moz-background-origin: border | padding | content Exemple

-moz-border-top-colors:[color | transparent,]* color | transparent ;La méthode de rendu en arrière-plan restitue les côtés ou le contenu à l'envers en fonction de la position d'arrière-plan. Invalide lorsque background-repeat:no-repeat, -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colorscorrespond à CSS3 background-origin.

-moz-border-radius: border-radius {1,4} | inherit Définissez plusieurs couleurs pour la bordure de l'extérieur vers l'intérieur. Chacune ne fait que 1 px, et la dernière remplit le reste de la bordure.
Aucun héritage par défaut, ne peut être utilisé. pour tous les éléments
-moz-box-align: start | center | end | baseline | stretch
Définir les coins arrondis peut être défini individuellement -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright
-moz-box-direction: normal | reverse
Définir la position du contenu, qui ne peut être utilisé que pour les éléments dont la valeur d'affichage est -moz-box ou -moz-inline-box
-moz-box-flex: number
Définissez la direction opposée du contenu, telle que la direction, qui ne peut être utilisée que pour les éléments dont la valeur d'affichage est -moz-box ou -moz-inline-box
-moz-box-ordinal-group
Ce n'est pas encore clair. Le test n'a aucun résultat. Il ne peut être utilisé que pour les éléments dont la valeur d'affichage est -moz-box ou -moz-inline-box.
-moz-box-orient: horizontal | vertical
Aucune explication officielle
-moz-box-pack: start | center | end | justify
Ce n'est pas encore clair. Le test n'a aucun résultat. La valeur qui ne peut être utilisée que pour l'affichage est les éléments -moz-box ou -moz-inline-box.
-moz-box-sizing: content-box | border-box | padding-box
Définir la direction du contenu (justifier n'est pas valide), comme la classe text-algin, qui ne peut être utilisée que pour les éléments dont la valeur d'affichage est -moz-box ou -moz-inline-box
-moz-image-region: rect(top, right, bottom, left);
La bordure et le remplissage n'ont pas besoin d'être calculés, juste à l'intérieur de la largeur/hauteur
-moz-key-equivalent
En attendant de finir...
-moz-opacity:number | inherit ;
Aucune explication officielle
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;
Transparence... Identique à l'opacité CSS3 et définie en même temps sans chevauchement.
Le contour de la ligne à l'extérieur de

est le même que le contour CSS3 et prend également en charge -moz-outline-radius (coins arrondis)

Valeurs valeur de l'attributcursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out

cursor
Définissez le style de la souris. Certaines de celles que j'ai testées sont différentes de celles officielles. Celles que j'ai testées se trouvent dans la petite case à l'arrière 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
Ajoutez quelques instructions correspondantes pour l'affichage, etc.

Certaines... instructions correspondantes pour le débordement seront ajoutées
Il y en a beaucoup d'autres... Je les ajouterai après les avoir comprises...
Source : développeur .mozilla .org/en/docs/CSS_Reference:Mozilla_Extensions
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn