28172 sujets

CSS et mise en forme, CSS3

Bonjour !

Je me pose une petite question : On indique souvent plusieurs valeurs à la propriété "font-family".
Mais nous pouvons également le faire pour d'autres, "background" par exemple.
Dans ce cas, s'agit-il d'une nouveauté CSS3 ?
S'il oui, alors savez-vous quels navigateurs supportent ce format ?

Merci à vous
Ok merci !
Quant à la propriété "background", est-il possible faire cela :

background-image: url(), url(), url();
background-position: 100% 200%, 200em 300em, center top;

Il s'agit là aussi de CSS2 ?
mlegouis a écrit :
Dans ce cas, s'agit-il d'une nouveauté CSS3 ?

En CSS3 certaines propriétés peuvent accepter des valeurs multiples séparées par une virgule, par exemple des backgrounds multiples comme ceci:
#test {
  background:
    #EEE url(pattern.png) repeat,
    url(corner-lt.png) no-repeat left top,
    url(corner-rb.png) no-repeat right bottom;
}

Support à partir d'IE9 et dans tous les autres navigateurs:
http://caniuse.com/multibackgrounds

Par contre la syntaxe avec plusieurs valeurs séparées par des espaces, ça existait déjà en CSS 2. En fait ça existait déjà en CSS 1, comme le montrent ces exemples tirés de la spec CSS 1:
http://www.w3.org/TR/REC-CSS1/#font
http://www.w3.org/TR/REC-CSS1/#background
http://www.w3.org/TR/REC-CSS1/#margin

mlegouis a écrit :
S'il oui, alors savez-vous quels navigateurs supportent ce format ?

Tous.

Ensuite le support des navigateurs pour telle ou telle propriété (support complet, partiel, pas de support...) est à voir propriété par propriété et navigateur par navigateur, en particuliers pour des choses qui sont dans les brouillons de CSS3. De manière générale tout ce qui est dans CSS 2.1 ou presque est bien supporté par les navigateurs à partir d'IE8.
Modifié par fvsch (04 Nov 2011 - 16:10)
Merci beaucoup !
Ma question se portait davantage sur les séparateurs par virgule, notamment dans les multi-backgrounds.
Tu as parfaitement répondu à mes questions.
Bonne continuation !