Appearance - Propriété CSS
Résumé des caractéristiques de la propriété appearance
auto
| none
| textfield
| menulist-button
| searchfield
| textarea
| checkbox
| radio
| menulist
| listbox
| meter
| progress-bar
| button
none
appearance
passe d'une valeur à l'autre sans transition.Description de la propriété appearance.
Cette propriété accepte de nombreuses valeurs pour des raisons de compatibilité, mais la plupart de ces valeurs sont maintenant obsolètes.
La propriété appearance définit globalement plusieurs propriétés d'apparence de façon à faire ressembler l'élément à un élément prédéfini tel qu'un bouton,
une case à cocher, etc.
Remarque : seule l'apparence est concernée, l'élément n'acquiert aucune fonctionnalité supplémentaire (il ne devient pas une case à cocher par exemple).
La propriété appearance
peut être utilisée pour ré-initialiser toutes les propriétés d'un élément standard : lui redonner son aspect habituel.
Syntaxes pour appearance
.
- appearance: none;
Toutes des propriétés de l'élément sont réinitialisée (mais l'élément est bien affiché).
- appearance: auto;
L'élément est affiché normalement, tel qu'il est défini par la feuille de styles du navigateur.
- appearance: textfield; ✗ appearance: menulist-button; ✗ appearance: button; ✗ appearance: checkbox; ✗ appearance: listbox; ✗ appearance: menulist; ✗ appearance: meter; ✗ appearance: progress-bar; ✗ appearance: push-button; ✗ appearance: radio; ✗ appearance: slider-horizontal; ✗ appearance: square-button; ✗ appearance: textarea; ✗
Ces valeurs sont conservées pour des raisons de compatibilité mais ne devraient plus être utilisées. Elles sont de toute façon traitées comme la valeur
auto
par la plupart des navigateurs.
Valeurs communes à toutes les propriétés :
appearance: initial (none
)
appearance: inherit
appearance: revert
appearance: revertLayer
appearance: unset
Les valeurs communes sont présentées sur ces pages : initial
, inherit
, revert
, revert-layer
, unset
.
Exemple interactif avec la propriété appearance
.
Permis voiture Permis moto
Homme Femme
Prise en charge de la propriété appearance
par les navigateurs.
Bien que toujours standardisée, la propriété appearance
est peu à peu vidée de son intérêt.
Seules quatre valeurs sont toujours standardisées, les autres valeurs étant assimilées à auto
.
D'autre part, les restitutions sont très différentes d'un navigateur à l'autre : le fait de définir appearance:button
ne garantit pas
que la restitution sera identique sur tous les navigateurs et tous les systèmes.
appearance
au moins avec les valeurs none
et auto
.Remarques :
(1) La propriété appearance
est supporté avec la valeur none
mais pas auto
.
appearance
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Samsung Internet

Chrome

Safari

Firefox

Safari sur IOS

Edge

Androïd Brower

Firefox pour Androïd

Chrome pour Androïd

KaiOS Browser

Opéra mini
Historique de la propriété appearance
.
-
Module CSS - Interface utilisateur de base - Niveau 4
Mise au point au sujet de la propriétéappearance
: réduction de ses possibilités.22 Septembre 2015Document de travail.
Voir aussi, au sujet de l'interface utilisateur.
Tout ce qui est paramétrable ou stylisable dans l'interface utilisateur est décrit dans la spécification CSS Basic User Interface Module du W3C.