Heim  >  Artikel  >  Web-Frontend  >  Firefox CSS Private Property Memo Record_Experience Exchange

Firefox CSS Private Property Memo Record_Experience Exchange

WBOY
WBOYOriginal
2016-05-16 12:10:201237Durchsuche

Manchmal... gibt es einige Dinge, die Firefox nicht gut unterstützt... Ich kann nur private Eigenschaften finden, die helfen...
Es gibt immer noch viele Beispiele... weil es zu viele sind und ich Ich verstehe sie nicht. ..Wenn ich es gut verstehe, werde ich ein vollständiges E-Book erstellen.
Obwohl diese nicht empfohlen werden, muss es eine Lösung geben, wenn es unbedingt notwendig ist..

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

Geben Sie an, für welchen Domainnamen der Stil nützlich ist, zum Beispiel domain(loaoao. com) kann Es kann unter www.loaoao.com, lab.loaoao.com verwendet werden, und wenn es sich um eine Domain (www.loaoao.com) handelt, kann es nur unter www.loaoao.com

verwendet werden
Pseudoelemente und Pseudoklassen Pseudoklassen und Pseudoobjekte

: Ich habe die -moz--Reihe noch nicht klar verstanden. Ich weiß nicht, ob sie nur für xul gilt.

Eigenschaften Eigenschaften
moz-appearance: appearance value
-moz-binding: uri | none ;
Definieren Sie das Erscheinungsbild direkt (keine Ergebnisse zum Testen..)
-moz-background-clip: border | padding ;
Verknüpfen Sie XBL mit etwas, das dem HTC sehr ähnlich ist...
-moz-background-inline-policy: bounding-box | continuous | each-box
Ob der Hintergrund einen Rahmen enthält, enthält der Abstand keinen Inhalt, entsprechend dem CSS3-Hintergrundclip
So rendern Sie einen Inline-Hintergrund -moz-background-origin: border | padding | content Beispiel

-moz-border-top-colors:[color | transparent,]* color | transparent ;Die Hintergrund-Rendering-Methode rendert die Seiten oder Inhalte entsprechend der Hintergrundposition. Ungültig, wenn „Hintergrundwiederholung:keine Wiederholung“ -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colorsdem CSS3-Hintergrundursprung entspricht

-moz-border-radius: border-radius {1,4} | inherit Definieren Sie mehrere Farben für den Rand von außen nach innen, und die letzte Farbe füllt den Rest des Randes aus.
Keine Vererbung für alle Elemente
-moz-box-align: start | center | end | baseline | stretch
Abgerundete Ecken definieren können individuell definiert werden -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright
-moz-box-direction: normal | reverse
Definieren Sie die Position des Inhalts, der nur für Elemente verwendet werden kann, deren Anzeigewert -moz-box oder -moz-inline-box ist
-moz-box-flex: number
Definieren Sie die entgegengesetzte Richtung des Inhalts, z. B. die Richtung, die nur für Elemente verwendet werden kann, deren Anzeigewert -moz-box oder -moz-inline-box ist
-moz-box-ordinal-group
Es ist noch nicht klar. Der Test hat keine Ergebnisse. Er kann nur für Elemente verwendet werden, deren Anzeigewert -moz-box oder -moz-inline-box ist
-moz-box-orient: horizontal | vertical
Keine offizielle Erklärung
-moz-box-pack: start | center | end | justify
Der Test hat noch keine Ergebnisse. Der Wert, der nur für die Anzeige verwendet werden kann, ist -moz-box oder -moz-inline-box-Elemente.
-moz-box-sizing: content-box | border-box | padding-box
Definieren Sie die Inhaltsrichtung (justify ist ungültig), z. B. die Klasse text-algin, die nur für Elemente verwendet werden kann, deren Anzeigewert -moz-box oder -moz-inline-box ist
-moz-image-region: rect(top, right, bottom, left);
Rand und Polsterung müssen nicht berechnet werden, sondern nur die Innenbreite/-höhe
-moz-key-equivalent
Warten auf den Abschluss...
-moz-opacity:number | inherit ;
Keine offizielle Erklärung
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;
Transparenz...Entspricht der CSS3-Deckkraft und wird gleichzeitig ohne Überlappung definiert.
Der Linienumriss außerhalb von

ist derselbe wie der CSS3-Umriss und unterstützt auch -moz-outline-radius (abgerundete Ecken)

Werte Attributwertcursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out

cursor
Definieren Sie den Mausstil, den ich getestet habe. Die von mir getesteten befinden sich in der kleinen Box auf der Rückseite 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
Fügen Sie einige entsprechende Anweisungen für die Anzeige usw. hinzu. overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable
Einige...entsprechende Anweisungen für den Überlauf werden hinzugefügt

Es gibt noch viele weitere... Ich werde sie hinzufügen, sobald ich sie verstanden habe...
Quelle: Entwickler .mozilla .org/en/docs/CSS_Reference:Mozilla_Extensions
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn