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 :

appearance - Propriété CSS

appearance

Résumé des caractéristiques de la propriété appearance

Description rapide
Définit toutes les propriétés nécessaires pour qu'un élément soit affiché comme un bouton, un menu, etc.
Statut
Problèmes de compatibilité
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
none | auto | textfield | menulist-button | searchfield | textarea | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button
Pourcentages
Ne s'appliquent pas.
Valeur initiale
none
Héritée par défaut
Non
Type d'animation
Discrète : lors d'une animation, la propriété appearance passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Interface utilisateur de base
Références (W3C)
Statut du document:: WD (document de travail)

Description de la propriété appearance.

Cette propriété n'est pas standardisée. Ses effets sont très variables d'un navigateur à l'autre.

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;

    Valeur par défaut. Aucune des propriétés de l'élément n'est réinitialisée (mais l'élément est bien affiché).

  • appearance: auto;

    Valeur par défaut. Aucune des propriétés de l'élément n'est réinitialisée (mais l'élément est bien affiché).

  • appearance: textfield;

    Les zones de saisie <input tye="search" > sont affichées comme des zones de saisie de texte classiques.

  • 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.

  • appearance: initial; appearance: inherit; appearance: revert; appearance: revert-layer; appearance: unset;

    La valeur initiale est : none.

Simulateur.

appearance :
Résultat

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.

1
appearance
Estimation de la prise en charge en pourcentage du parc actuel.
86%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Baidu Browser

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

KaiOS Browser

Opéra

Opéra Mobile

QQ Browser

Safari

Safari sur IOS

Samsung Internet

Oméra mini