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
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
Cette propriété ne semble plus avoir d'effet à l'heure actuelle.
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
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é
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
.
-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
A l'heure actuelle
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
Pour plus de détails, consultez la page sur la propriété
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
Pour une présentation détaillée de ces propriétés, consultez la page sur la propriété
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
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
-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 :
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