(CSS) Border-Image n'est pas validé pour W3C

Bonjour.

Après divers essais, je me décide à poser la question.

Je crée un site web et j'essaie d'utiliser une image pour faire les bordures du header.
Grâce à un générateur de code, je me retrouve avec ce code CSS :
    border-width: 10px;
    -moz-border-image: url(img/border.png) 20 repeat;
    -webkit-border-image: url(img/border.png) 20 repeat;
    -o-border-image: url(img/border.png) 20 repeat;
    border-image: url(img/border.png) 20 repeat;


Très bien, tout s'affiche. J'essaie de faire valider mon code par le Validateur CSS (http://jigsaw.w3.org/css-validator/) et... surprise, ce n'est pas valide :

Désolé ! Les erreurs suivantes ont été trouvées : (4)
URI : TextArea
4 	.headerbord 	La propriété -moz-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
5 	.headerbord 	La propriété -webkit-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
6 	.headerbord 	La propriété -o-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
7 	.headerbord 	20 n'est pas une valeur de border-image : url(img/border.png) 20 repeat url(img/border.png) 20 repeat 


Je me dis que je vais aller voir sur le site du W3C comment utiliser la propriété border-image.

http://www.w3.org/TR/css3-background/#border-images

Super ! J'essaie, avec border-image-source. Mon editeur de code (Komodo Edit) me dit que ça n'existe pas, et le validateur W3C aussi.

Comment faire ?

1 réponse

  1. Bah oui, mais t'as solution marche et sur plein d'autres sites, donc pourquoi se prendre la tête ? ;)
    1. C'est pas compliqué : Je tiens à ce que mon code CSS et HTML soient valides.
    2. C'est bien gentil, mais ta recherche ne donne aucun résultat.
    3. Eh bien oui, c'est pour cela que ton générateur de code t'as dis des conneries, ça n'existe tout simplement pas. non ?