mozilla
Vos résultats de recherche

    -moz-appearance (-webkit-appearance)

    Non standard
    Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

    « CSS « Référence CSS « Extensions Mozilla

    Résumé

    La propriété CSS -moz-appearance est utilisée dans Gecko (Firefox) pour afficher un élément en utilisant les styles natifs d'une plate-forme suivant le thème du système d'exploitation.

    Cette propriété est fréquemment utilisée dans les feuilles de style XUL pour dessiner les widgets personnalisés avec le style approprié de la plate-forme. Elle est également utilisée dans les implémentations XBL des widgets fournies avec la plate-forme Mozilla.

    N'utilisez pas cette propriété sur des sites Web : non seulement elle n'est pas standard, mais en plus son comportement diffère selon les navigateurs. Même le mot-clef none n'a pas le même effet pour tous les éléments de formulaires sur les différents navigateurs. Quelques navigateurs ne supportent même pas cette fonctionnalité.

    Syntaxe

    -moz-appearance:  <appearance>
    

    Valeurs

    <appearance> est l’une des valeurs suivantes :

    Value Demo Description
    none Aucun style spécifique n'est appliqué (défaut). À noter les bugs bug 649849 et bug 605985.
    button L'élément est rendu comme un bouton.
    button-arrow-down  
    button-arrow-next  
    button-arrow-previous  
    button-arrow-up  
    button-bevel  
    button-focus  
    caret  
    checkbox L'élément est rendu comme une case à cocher, incluant uniquement la partie réelle de la case à cocher.
    checkbox-container L'élément est rendu comme un contenant pour une case à cocher, qui peut inclure un effet d'illumination de l'arrière-plan sous certaines plate-formes. L'élément devrait être composé d'une étiquette et d'une case à cocher.
    checkbox-label  
    checkmenuitem  
    dualbutton  
    groupbox  
    listbox  
    listitem  
    menuarrow  
    menubar  
    menucheckbox  
    menuimage  
    menuitem L'élément est rendu comme un item de menu, l'item est mis en surbrillance lorsqu'il est survolé.
    menuitemtext  
    menulist  
    menulist-button L'élément est rendu comme un bouton indiquant qu'une liste de menu peut être ouverte.
    menulist-text  
    menulist-textfield L'élément est rendu comme un champ texte pour une liste de menu. (Non implémenté sur les plateformes Windows)
    menupopup  
    menuradio  
    menuseparator  
    meterbar Nouveau depuis Firefox 16.
    meterchunk Nouveau depuis Firefox 16.
    progressbar L'élément est rendu comme une barre de progression.
    progressbar-vertical  
    progresschunk  
    progresschunk-vertical  
    radio L'élément est rendu comme un bouton radio, incluant uniquement la partie réelle du bouton radio.
    radio-container L'élément est rendu comme un contenant pour un bouton radio, qui peut inclure un effet d'illumination de l'arrière-plan sous certaines plate-formes. L'élément devrait être composé d'une étiquette et d'un bouton radio.
    radio-label  
    radiomenuitem  
    resizer  
    resizerpanel  
    scale-horizontal  
    scalethumbend  
    scalethumb-horizontal  
    scalethumbstart  
    scalethumbtick  
    scalethumb-vertical  
    scale-vertical  
    scrollbarbutton-down  
    scrollbarbutton-left  
    scrollbarbutton-right  
    scrollbarbutton-up  
    scrollbarthumb-horizontal  
    scrollbarthumb-vertical  
    scrollbartrack-horizontal  
    scrollbartrack-vertical  
    searchfield  
    separator  
    sheet  
    spinner  
    spinner-downbutton  
    spinner-textfield  
    spinner-upbutton  
    splitter  
    statusbar  
    statusbarpanel  
    tab  
    tabpanel  
    tabpanels  
    tab-scroll-arrow-back  
    tab-scroll-arrow-forward  
    textfield  
    textfield-multiline  
    toolbar  
    toolbarbutton  
    toolbarbutton-dropdown  
    toolbargripper  
    toolbox  
    tooltip  
    treeheader  
    treeheadercell  
    treeheadersortarrow  
    treeitem  
    treeline  
    treetwisty  
    treetwistyopen  
    treeview  
    -moz-mac-unified-toolbar Mac OS X seulement. La barre d’outils et la barre de titre sont rendues en utilisant la barre d’outils unifiée commune aux applications Mac OS X 10.4 et ultérieur.
    -moz-win-borderless-glass Windows Vista et ultérieur seulement. Ce style applique l’effet Aero Glass à l’élément, mais sans bordure.
    -moz-win-browsertabbar-toolbox Windows Vista et ultérieur seulement. Ce style de boîte à outils est destiné à la barre d’onglets d’un navigateur.
    -moz-win-communicationstext  
    -moz-win-communications-toolbox Windows Vista et ultérieur seulement. Ce style de boîte à outils est destiné aux applications de communication et de productivité. La couleur d’avant-plan correspondante est -moz-win-communicationstext.
    -moz-win-exclude-glass Windows Vista et ultérieur seulement. Ce style est utilisé pour exclure l’effet Aero Glass de l’élément.
    -moz-win-glass Windows Vista et ultérieur seulement. Ce style applique l’effet Aero Glass sur l’élément.
    -moz-win-mediatext  
    -moz-win-media-toolbox Windows Vista et ultérieur seulement. Ce style de boîte à outils est destiné aux applications gérant des objets médias. La couleur d’avant-plan correspondante est  -moz-win-mediatext.
    -moz-window-button-box  
    -moz-window-button-box-maximized  
    -moz-window-button-close  
    -moz-window-button-maximize  
    -moz-window-button-minimize  
    -moz-window-button-restore  
    -moz-window-frame-bottom  
    -moz-window-frame-left  
    -moz-window-frame-right  
    -moz-window-titlebar  
    -moz-window-titlebar-maximized  

    Exemples

    .exampleun {
    	-moz-appearance: toolbarbutton;
    }
    

    Spécifications

    La propriété appearance n’est actuellement présente dans aucune des dernières spécifications CSS.

    Compatibilité des navigateurs

    Navigateur Version minimale Support de
    Internet Explorer --- ---
    Firefox (Gecko) 1.0 (1.0)

    -moz-appearance

    Partiellement supporté

    Opera (Presto) --- ---
    Safari | Chrome | WebKit 3.0 | 1.0 | 522 -webkit-appearance

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, Fredchat, FredB, Mgjbot, Kyodev, ksad, wakka27
    Dernière mise à jour par : teoli,