sur Firefox et Safari, je peux utiliser une image pour la frontière avec les CSS suivants: Cependant, je ne peux pas comprendre un moyen d'utiliser une image différente pour gauche et droit. Y a-t-il un moyen de le faire, ce qui est pris en charge par les navigateurs modernes?
3 Réponses :
CSS3 permet bordure-gauche-image (et haut, droite, en bas), je m'attendrais à ce que les versions spécifiques au navigateur font de même. Mais ne l'a pas testé.
Essayé cela, pas de dés dans aucun navigateur. Essayé de nombreuses variations de syntaxe sur -Moz-Borge-Borge-Image-Droite: URL (/Images/Shadow_r.png) 7px rond;
lire La spécification CSS3 , il ne semble pas Soyez une mention d'utiliser différentes frontières pour les différents bords. Cependant, CSS3.Info mentionne quelques propriétés qui devraient exister, mais ne Selon la spécification.
brouillons précédents a déclaré C'est possible , en utilisant: < Pré> xxx
Cependant, le Recommandation actuelle du candidat pour les arrière-plans de CSS et les frontières < / a> (25 novembre 2009) Ces propriétés ont disparu. On dirait que vous ne pouvez plus utiliser différentes images pour chaque côté bord de la frontière. comme une note personnelle, je n'aurais pas utilisé différentes images pour éviter de scintiller pour la même raison pour laquelle l'on veut packer les états (non pressés, Appuyez sur enfoncé dans un seul fichier image, puis utilisez CSS pour décalage dans l'image source. EDIT: Edit2: Vous pourriez être intéressé par le jquery.borderimage.js plugin. bordure-top-image , bordure-gauche-image-image , etc. était présent dans WD 2002-11-07 mais disparu dans WD 2005-02-16 .
L'URL accepte-t-elle des chaînes sans être enveloppées dans des guillemets simples? Je n'ai jamais vu URL (shadow_left.png) écrit comme URL ('shadow_left.png')