{
    "path": "/home/krm/dev/mimer-academia/web/css/Exercises/more-attributes-on-image/exercise.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Mer bild egenskaper"
    ],
    "tags": [
        "color"
    ],
    "difficulty": "normal",
    "index": 14,
    "status": "beta",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 2,
        "day": 10
    },
    "salution": "Blue is the new red!",
    "category": [
        "web"
    ],
    "description": [],
    "statments": [
        {
            "description": [
                "Gör så att bilden A nedan får rundade kanter med 5 px."
            ]
        },
        {
            "description": [
                "Gör så att bilden B nedan får rundade kanter med 25 px."
            ]
        },
        {
            "description": [
                "Gör så att bilden C nedan så bilden blir helt rund."
            ]
        },
        {
            "description": [
                "Gör så att bilden D nedan får \"opacity\" 0.75."
            ]
        },
        {
            "description": [
                "Gör så att bilden E nedan blir genomskinlig till 50%."
            ]
        },
        {
            "description": [
                "Gör så att bilden F nedan inte alls syns genom att använda egenskapen opacity."
            ]
        }
    ],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "Kod"
            ],
            "description": [],
            "lang": "html",
            "code": "<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n<meta charset=\"utf-8\" />\n<style>\n\t</style>\n\t<style>\n\t\t body {\n\t\t     background: blue;\n\t     }\n\t     img {\n\t\t\t margin: 10px;\n\t\t     width: 320px;\n\t\t     height: 240px;\n\t\t } \n\t</style>\n</head>\n<body>\n<h1> Image </h1>\n<h1> A </h1>\n<img id=\"image-1\" src=\"https://htsit.se/image/daisy.jpg\" />\n<h1> B </h1>\n<img id=\"image-2\" src=\"https://htsit.se/image/daisy.jpg\" />\n<h1> C </h1>\n<img id=\"image-3\" src=\"https://htsit.se/image/daisy.jpg\" />\n<h1> D </h1>\n<img id=\"image-4\" src=\"https://htsit.se/image/daisy.jpg\" />\n<h1> E </h1>\n<img id=\"image-5\" src=\"https://htsit.se/image/daisy.jpg\" />\n<h1> F </h1>\n<img id=\"image-6\" src=\"https://htsit.se/image/daisy.jpg\" />\n</body>\n</html>",
            "statments": [],
            "comment": [
                "Du ska bara lägga till något mellan style-tagarna."
            ]
        }
    ],
    "kind": "exercises"
}