L'ajout de la frontière à l'image SVG

Est-il possible de s'envelopper d'une image SVG à l'intérieur d'une frontière (c'est-à - mettre une frontière à partir de CSS autour de l'image) .

Havn pas vraiment utilisé svg, mais je pense que vous pouvez utiliser des règles css. Avez-vous essayé tout simplement de l'ajouter ?µ

OriginalL'auteur Sergiu | 2013-02-07

  1. -1

    Oui, il suffit d'ajouter une bordure à l'aide de css comme vous le feriez avec n'importe quel élément.

    À l'aide de style en ligne:

    <img src="test.svg" style="border: 1px solid black;" />

    L'aide de la classe:

    HTML

    <img class="framed" src="test.svg" />

    CSS

    .framed {
     border: 1px solid black;
}
    Cela ne fonctionne pas... image SVG ne peut pas utiliser le CSS border de la propriété. Voir ici et ici et ici
    Eh bien, il fonctionne dans Chrome mais pas sous Firefox. Et je pense que Firefox est plus correct.
    comment ne travaille pas plus correct?
    La réponse ci-dessous est correcte quand il s'agit de svg:image.
    Gustafsson : non mise à jour, cela fonctionne sur FF maintenant (2018)

    OriginalL'auteur Jonatan

  2. 23

    Dessiner un <rect> tour de l'image qui est fill="none". Vous pouvez utiliser le coup de la <rect> comme la frontière.

    C'est la bonne réponse quand il s'agit de svg:image.

    OriginalL'auteur Robert Longson