| <!DOCTYPE html> | |
| <style> | |
| g { | |
| outline: 50px solid lightblue; | |
| } | |
| rect#r { | |
| outline: 50px solid blue; | |
| } | |
| </style> | |
| <svg width="500" height="500"> | |
| <g transform="translate(50 50)"> | |
| <rect width="400" height="100"/> | |
| <rect y="300" width="400" height="100"/> | |
| <rect id="r" x="100" y="100" width="200" height="200" fill="green"/> | |
| </g> | |
| </svg> |