Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

Propriétés CSS préfixées pour les navigateurs Mozilla.

Liste des propriétés préfixées par -moz-.

Les propriétés dont le nom est préfixé par -moz- sont spécifiques aux navigateurs basé sur le moteur Mozilla. Elles ne sont pas standardisées et leur fonctionnement peut évoluer au fil du temps. Elles sont en principe provisoires, et destinées à être remplacées par une propriété standardisée.

La liste ci-dessous inclut les propriétés
- Qui n'ont pas encore d'équivalent standardisé, - Dont le nom standard est différent.

Propriétés préfixées

Remarques ou équivalences standards

-moz-animation
-moz-animation-delay
-moz-animation-direction
-moz-animation-duration
-moz-animation-fill-mode
-moz-animation-iteration-count
-moz-animation-name
-moz-animation-play-state
-moz-animation-timing-function
Les propriétés standards concernant les animations sont maintenant bien reconnues par tous les navigateurs basés sur Mozilla.
Les propriétés préfixées n'ont plus de raison d'être : on utilisera simplement leur équivalent standardisé.
Voir la propriété raccourcie animation et toutes les propriétés dérivées.
-moz-appearance
Équivalence avec la propriété standard appearance.
-moz-appearance accepte cependant de nombreuses valeurs supplémentaires, non standardisées.
-moz-border-end
-moz-border-end-color
-moz-border-end-style
-moz-border-end-width
-moz-border-start
-moz-border-start-color
-moz-border-start-style
-moz-border-start-width
Équivalence avec les propriétés standards border-inline-end et border-inline-start. Notez que les propriétés standards sont plus précises en indiquant les notions block et inline. Reportez-vous à la page sur la propriété border.
-moz-border-color
-moz-border-colors définit un ensemble de couleurs pour chacune des bordures de l'élément. Ce qui permet d'appliquer des bordures multicolores. Il est possible de préciser un nombre quelconque de couleurs, chacune d'elles correspondant à une épaisseur de 1 pixel.
-moz-border-colors est une propriété raccourcie qui regroupe les valeurs pour les quatre propriétés -moz-border-top-colors, -moz-border-right-colors, -moz-border-bottom-colors et -moz-border-left-colors

Pour rester dans la norme W3C, on préférera imbriquer plusieurs cadres, chacun ayant une couleur de bordure différente.
 

 

-moz-box-align
-moz-box-direction
-moz-box-flex
-moz-box-ordinal-group
-moz-box-orient
-moz-box-pack
-moz-box-sizing
Ce jeu de propriétés était initialement prévu pour définir le comportement d'un container flex-box, mais ces syntaxes n'ont finalement pas été retenues, au profit d'autres propriétés dont le nom commence par flex. Reportez-vous aux propriétés standardisées relatives aux flex-box.
-moz-float-edge
Cette propriété accepte les valeurs margin-box, border-box, padding-box et content-box. Elle définit si les dimensions de l'élément incluent la marge, la bordure, les marges intérieures, ou seulement le contenu.

Cette propriété ne semble plus avoir d'effet à l'heure actuelle.
-moz-font-language-override
-moz-force-broken-image-icon
Lorsque cette propriété est forcée à la valeur 1, les images non trouvées sont remplacées par un pictogramme. Si les dimensions de l'image ne sont pas spécifiées, seul ce pictogramme sera affiché. Si les dimensions sont précisées et laissent suffisamment de place, le texte de remplacement défini par l'attribut alt sera affiché à côté.

Les deux images ci-dessous ont le même code img src="inexistante.png" alt="Logo"/, mais s'affichent différemment en fonction de leur propriété -moz-force-broken-image-icon.
 
Logo   Logo
 
-moz-image-region
Cette propriété permet de définir quelle zone de l'image doit être affichée dans le cas d'une liste avec des puces personnalisées. Attention ! La propriété ne fonctionne que avec les images définies par list-style-image.
A l'heure actuelle -moz-image-region ne semble plus prise en charge.
-moz-margin-end
-moz-margin-start
Remplacées par les propriétés standards margin-block-start, margin-block-end, margin-inline-start et margin-inline-end.
Pour plus de détails, consultez la page sur la propriété margin.
-moz-orient
Cette propriété accepte les valeurs suivantes :
  • inline : l'élément est affiché dans la direction des lignes de texte.
  • block : l'élément est affiché dans la direction perpendiculaire aux lignes de texte.
  • horizontal : l'élément est affiché horizontalement.
  • vertical : l'élément est affiché verticalement.
Cette propriété n'a d'effet que sur certains types d'éléments. Exemple sur une barre de progression (balise >progress>) :
-moz-padding-end
-moz-padding-start
Remplacées par les propriétés standards padding-block-start, padding-block-end, padding-inline-start et padding-inline-end.
Pour une présentation détaillée de ces propriétés, consultez la page sur la propriété padding.
-moz-perspective
-moz-perspective-origin
Remplacées par les propriétés standards perspective et perspective-origin. Pour une présentation détaillée de ces propriétés, consultez la page sur la propriété padding.
-moz-tab-size
Définit le nombre de caractères équivalents à une tabulation.
La propriété standard équivalente est tab-size.
-moz-text-size-adjust
Propriété remplacée par son équivalent standard text-size-adjust.
-moz-transform
-moz-transform-origin
-moz-transform-style
Remplacées par les propriétés standards transform, transform-origin et transform-style.
-moz-transition
-moz-transition-delay
-moz-transition-duration
-moz-transition-property
-moz-transition-timing-function
Les propriétés standards relatives aux transitions sont maintenant bien reconnues par les navigateurs utilisant le moteur Mozilla. Il est inutile d'utiliser les propriétés préfixées.
Reportez-vous aux propriétés standards : transition, etc.
-moz-user-focus
Détermine si un élément peut être activé par l'utilisateur (recevoir le focus).
  • normal : l'élément peut être activé avec la touche de tabulation par exemple.
  • ignore : l'élément ne devient jamais actif lorsque l'utilisateur parcourt les éléments avec la touche de tabulation.
-moz-user-input
-moz-user-modify
Ces deux propriétés déterminent si le contenu de l'élément peut être modifié par l'utilisateur. Elles ne sont plus prises en charge.
-moz-user-select
Propriété remplacée par user-select.
-moz-window-dragging