Bien que je réalise un petit message sur le sujet aujourd'hui, la question n'est absolument pas tranchée - loin de là - et les débats se font assez actifs dans le groupe W3C chargé du CSS depuis maintenant quelques jours : une vraie polémique !

Néanmoins, les grandes lignes se tracent, petit à petit.

Syntaxe globale.

Comme je l'ai dit, elle est encore en pleine discussion, mais on devrait au final arriver à un résultat semblable à ceci :

box-shadow: none | [[<shadow-def>]? [<color>]? [inner | outer]]

Il sera peut-être possible de spécifier plusieurs effets en séparant chaque effet d'une virgule, mais cela non plus n'est pas encore arrêté.

<Shadow-def> Structure

// Translation horizontale de l'effet "Shadow"
<length> offsetX;

// Translation verticale de l'effet "Shadow"
<length> offsetY;

// Rayon du flouté appliqué sur le "Shadow"
<length>? blurWeigth;

// Épaisseur de l'étendage (bordure autour du box-shadow)
<length>? spreadTickness;

Inset et Outset : Quelle différence ?

Outset : comportement "logique" pour un effet ombré.

L'effet se réalise à l'extérieur de l'élément. Le Spread sert à étendre la zone vers l'extérieur. L'effet d'ombre est placé sous l'élément auquel il s'applique.

Inset : une bordure "tardive"

L'effet se réaliser dans l'élément. Le Spread sert à étendre la zone vers l'intérieur. L'effet d'ombre est placé sur l'élément auquel il s'applique.

Son utilisation permet surtout de faire des bordures "floues" qui passent par dessus le contenu en lui même de l'élément.

Edit : Nouvelle version du contenu en "image" :

Color et gestion de la couleur

C'est ici que le comportement est encore mal défini. Quelle sera la relation exacte de color dans l'histoire ? Remplacera-t-il, si il est défini, les couleurs de l'élément, ou au contraire sera toujours défini par "gray" si il est omis ? La question reste ouverte.

Une idée globale du méchanisme de génération du box-shadow est disponible ici à gauche.

La difficulté sera l'étabissement de la color map. Comment faire pour se baser à la fois sur la couleur donnée, la couleur de l'objet, et l'effet ombre censé être rendu ?

D'autres problèmes à régler : d'autres options en perspective ?

Si vous avez des remarques à faire, n'hésitez pas, ca pourrait toujours être utile dans les débats.

Fremy