appearance - Propriété CSS
Résumé des caractéristiques de la propriété appearance
none
| auto
| textfield
| menulist-button
| searchfield
| textarea
| slider-horizontal
| checkbox
| radio
| square-button
| 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é 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.
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