CSS: Каркас элемента DOM

Визуализация каркаса элемента DOM с помощью CSS

.wireframe{
	outline: 3px solid rgb(212, 0, 0);
	background: linear-gradient(to top right, 
		transparent calc(50% - 1px), 
		rgb(212, 0, 0) calc(50% - 1px), 
		rgb(212, 0, 0) calc(50% + 1px), 
		transparent calc(50% + 1px)), 
	linear-gradient(to bottom right, 
		transparent calc(50% - 1px), 
		rgb(212, 0, 0) calc(50% - 1px), 
		rgb(212, 0, 0) calc(50% + 1px), 
		transparent calc(50% + 1px));
}