appearance

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété appearance indique si l'élément doit être affiché avec la mise en forme provenant du thème du système d'exploitation.

Valeur initialeauto
Applicabilitétous les éléments
Héritéenon
Médiatous
Valeur calculéeAs specified
Animablediscrete
Ordre canoniqueper grammar

Syntaxe

appearance: auto;
appearance: none;

Valeurs

<appearance> peut prendre une des valeurs suivantes :

Valeur Description
auto

La valeur par défaut. L'agent utilisateur peut utiliser les contrôles et les mécanismes de rendu du système d'exploitation pour les formulaires. Lorsque la valeur calculée est auto, l'agent utilisateur doit toujours respecter les propriétés suivantes :

  • all
  • bottom
  • clear
  • cursor
  • direction
  • display
  • float
  • left
  • margin
  • position
  • right
  • top
  • unicode-bidi
  • visibility 
  • z-index
none Les contrôles de formulaire ne ressemblent pas à des contrôles natifs. L'élément est rendu à partir des règles CSS usuelles. Les éléments remplacés qui ne sont pas des contrôles de formulaire ne sont pas impactés.

Syntaxe formelle

auto | none

Exemples

.exemple {
  appearance: auto;
}

Spécifications

Spécification État Commentaires
CSS Basic User Interface Module Level 4
La définition de 'appearance' dans cette spécification.
Brouillon de l'éditeur Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 52.0-webkit [1] ? ? 39 ?
Fonctionnalité Android Webview Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome pour Android
Support simple Pas de support 52.0-webkit [1] ? ? 39 ? 52.0-webkit [1]

[1] S'applique uniquement à l'élément <meter>

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,