{{ CSSRef() }}
Résumé
La règle @-moz-document
est une règle @
spécifique à Gecko qui restreint la portée des règles de styles qu'elle contient, selon l'URL du document. Elle est avant tout destinée aux feuilles de styles utilisateur. Une règle @-moz-document
peut spécifier une ou plusieurs fonctions d'appariement. Si au moins une des fonctions s'applique à l'URL, la règle prendra effet à cette URL.
Les fonctions possibles sont :
url()
, qui fait correspondre une URL exacteurl-prefix()
, qui fait correspondre le début de l'URL du documentdomain()
, qui fait correspondre le domaine (ou sous-domaine)regexp()
, qui fait correspondre grâce à l'expression régulière exprimée.
{{ gecko_callout_heading("6.0") }}
Le support de la fonction regexp()
a été ajouté dans Gecko 6.0 {{ geckoRelease("6.0") }}.
Syntaxe
Les valeurs envoyées aux fonctions url()
, url-prefix()
, et domain()
peuvent être comprises entre des guillemets simples ou doubles, et ce de manière optionnelle. Les valeurs envoyées à la fonction regexp()
doivent être incluses entre des guillemets.
Les valeurs échappées envoyées à la fonction regexp()
doivent être à nouveau échappées dans le CSS. Par exemple, un . (point) sélectionne n'importe quel caractère dans les expressions régulières. Pour sélectionner un point, il faut d'abord l'échapper en utilisant les règles des expressions régulières (faire \.
), puis échapper cette chaîne en utilisant les règles CSS (faire \\.
).
Exemples
@-moz-document url(https://www.w3.org/), url-prefix(https://www.w3.org/Style/), domain(mozilla.org) { /* Ces règles CSS s'appliquent à : + la page "https://www.w3.org/". + les pages dont l'URL commence par "https://www.w3.org/Style/" + les pages dont l'URL de l'hôte est « mozilla.org » ou finit par « .mozilla.org » */ /* Rendre les pages mentionnées ci-dessus vraiment immondes */ body { color: purple; background: yellow; } }
Spécifications
Compatibilité des navigateurs
Disponible depuis Mozilla 1.8 / Firefox 1.5.
{{ languages( { "en": "en/CSS/@-moz-document", "ja": "ja/CSS/@-moz-document", "pl": "pl/CSS/@-moz-document" } ) }}