Adding a border around an image

Anki Card Design
1

Is there any way to add a border around a picture I added in one of my fields boxes? What would I type to do that? I really don’t know what I’m doing so if anyone could explain in simple terms that would be appreciated.

2

You can style images via CSS in the Styling section of a card template (Anki Manual).
To add borders to images, add something like:

img {
  border: 1px solid red;
  border-radius: 4px;
  padding: 5px;
}
2 Likes
3

How would you do this to specific images contained in only one field called “Missed Questions”

4

Wrap the {{Missed Questions}} part on your templates in something CSS-selectable like an HTML tag with a class:

<div class="missed-questions">{{Missed Questions}}</div>

Then you can specify this class in the CSS snippet above:

img .missed-questions {
  border: 1px solid red;
  border-radius: 4px;
  padding: 5px;
}
2 Likes