Highlight CSS shapes.
circle{
"paths": [
{
"path": [
"M",
168,
88,
"Q",
168,
121,
145,
145,
"Q",
121,
168,
88,
168,
"Q",
55,
168,
31,
145,
"Q",
8,
121,
8,
88,
"Q",
8,
55,
31,
31,
"Q",
55,
8,
88,
8,
"Q",
121,
8,
145,
31,
"Q",
168,
55,
168,
88,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
200,
88,
"Q",
200,
134,
167,
167,
"Q",
134,
200,
88,
200,
"Q",
42,
200,
9,
167,
"Q",
-24,
134,
-24,
88,
"Q",
-24,
42,
9,
9,
"Q",
42,
-24,
88,
-24,
"Q",
134,
-24,
167,
9,
"Q",
200,
42,
200,
88,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
24,
"L",
152,
24,
"L",
152,
152,
"L",
24,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
8,
"L",
168,
8,
"L",
168,
168,
"L",
8,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "circle",
"className": ".float.circle",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
insetSimpleRound{
"paths": [
{
"path": [
"M",
248,
56,
"Q",
261,
56,
271,
65,
"Q",
280,
75,
280,
88,
"Q",
280,
101,
271,
111,
"Q",
261,
120,
248,
120,
"Q",
235,
120,
225,
111,
"Q",
216,
101,
216,
88,
"Q",
216,
75,
225,
65,
"Q",
235,
56,
248,
56,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
248,
24,
"Q",
275,
24,
293,
43,
"Q",
312,
61,
312,
88,
"Q",
312,
115,
293,
133,
"Q",
275,
152,
248,
152,
"Q",
221,
152,
203,
133,
"Q",
184,
115,
184,
88,
"Q",
184,
61,
203,
43,
"Q",
221,
24,
248,
24,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
184,
24,
"L",
312,
24,
"L",
312,
152,
"L",
184,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
168,
8,
"L",
328,
8,
"L",
328,
168,
"L",
168,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "insetSimpleRound",
"className": ".float.insetSimpleRound",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
insetComplexRound{
"paths": [
{
"path": [
"M",
360,
24,
"L",
408,
24,
"Q",
435,
24,
453,
43,
"Q",
472,
61,
472,
88,
"L",
472,
136,
"Q",
472,
143,
467,
147,
"Q",
463,
152,
456,
152,
"L",
408,
152,
"Q",
381,
152,
363,
133,
"Q",
344,
115,
344,
88,
"L",
344,
40,
"Q",
344,
33,
349,
29,
"Q",
353,
24,
360,
24,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
360,
-8,
"L",
408,
-8,
"Q",
448,
-8,
476,
20,
"Q",
504,
48,
504,
88,
"L",
504,
136,
"Q",
504,
156,
490,
170,
"Q",
476,
184,
456,
184,
"L",
408,
184,
"Q",
368,
184,
340,
156,
"Q",
312,
128,
312,
88,
"L",
312,
40,
"Q",
312,
20,
326,
6,
"Q",
340,
-8,
360,
-8,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
344,
24,
"L",
472,
24,
"L",
472,
152,
"L",
344,
152,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
328,
8,
"L",
488,
8,
"L",
488,
168,
"L",
328,
168,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "insetComplexRound",
"className": ".float.insetComplexRound",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
ellipse{
"paths": [
{
"path": [
"M",
648,
64,
"Q",
648,
87,
625,
104,
"Q",
601,
120,
568,
120,
"Q",
535,
120,
511,
104,
"Q",
488,
87,
488,
64,
"Q",
488,
41,
511,
24,
"Q",
535,
8,
568,
8,
"Q",
601,
8,
625,
24,
"Q",
648,
41,
648,
64,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
680,
64,
"Q",
680,
100,
647,
126,
"Q",
614,
152,
568,
152,
"Q",
522,
152,
489,
126,
"Q",
456,
100,
456,
64,
"Q",
456,
28,
489,
2,
"Q",
522,
-24,
568,
-24,
"Q",
614,
-24,
647,
2,
"Q",
680,
28,
680,
64,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
504,
24,
"L",
632,
24,
"L",
632,
104,
"L",
504,
104,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
488,
8,
"L",
648,
8,
"L",
648,
120,
"L",
488,
120,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "ellipse",
"className": ".float.ellipse",
"nodeWidth": "128",
"nodeHeight": "80",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
contentBox{
"paths": [
{
"path": [
"M",
568,
168,
"L",
600,
168,
"Q",
627,
168,
645,
187,
"Q",
664,
205,
664,
232,
"L",
664,
264,
"Q",
664,
277,
655,
287,
"Q",
645,
296,
632,
296,
"L",
568,
296,
"Q",
555,
296,
545,
287,
"Q",
536,
277,
536,
264,
"L",
536,
200,
"Q",
536,
187,
545,
177,
"Q",
555,
168,
568,
168,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
568,
136,
"L",
600,
136,
"Q",
640,
136,
668,
164,
"Q",
696,
192,
696,
232,
"L",
696,
264,
"Q",
696,
291,
677,
309,
"Q",
659,
328,
632,
328,
"L",
568,
328,
"Q",
541,
328,
523,
309,
"Q",
504,
291,
504,
264,
"L",
504,
200,
"Q",
504,
173,
523,
155,
"Q",
541,
136,
568,
136,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
536,
168,
"L",
664,
168,
"L",
664,
296,
"L",
536,
296,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
504,
152,
"L",
680,
152,
"L",
680,
312,
"L",
504,
312,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
504,
152,
"L",
680,
152,
"L",
680,
312,
"L",
504,
312,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
488,
120,
"L",
696,
120,
"L",
696,
328,
"L",
488,
328,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "contentBox",
"className": ".float.contentBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
polygon{
"paths": [
{
"path": [
"M",
8,
328,
"L",
8,
528,
"L",
208,
328,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
344,
"L",
152,
344,
"L",
152,
472,
"L",
24,
472,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
328,
"L",
168,
328,
"L",
168,
488,
"L",
8,
488,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "polygon",
"className": ".float.polygon",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
raster{
"paths": [
{
"path": [
"M",
184,
344,
"L",
284,
344,
"L",
284,
444,
"L",
184,
444,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
157,
328,
"L",
311,
328,
"L",
311,
329,
"L",
157,
329,
"Z",
"M",
156,
329,
"L",
312,
329,
"L",
312,
331,
"L",
156,
331,
"Z",
"M",
155,
331,
"L",
313,
331,
"L",
313,
333,
"L",
155,
333,
"Z",
"M",
154,
333,
"L",
314,
333,
"L",
314,
337,
"L",
154,
337,
"Z",
"M",
153,
337,
"L",
315,
337,
"L",
315,
344,
"L",
153,
344,
"Z",
"M",
152,
344,
"L",
316,
344,
"L",
316,
444,
"L",
152,
444,
"Z",
"M",
153,
444,
"L",
315,
444,
"L",
315,
451,
"L",
153,
451,
"Z",
"M",
154,
451,
"L",
314,
451,
"L",
314,
455,
"L",
154,
455,
"Z",
"M",
155,
455,
"L",
313,
455,
"L",
313,
457,
"L",
155,
457,
"Z",
"M",
156,
457,
"L",
312,
457,
"L",
312,
459,
"L",
156,
459,
"Z",
"M",
157,
459,
"L",
311,
459,
"L",
311,
461,
"L",
157,
461,
"Z",
"M",
158,
461,
"L",
310,
461,
"L",
310,
462,
"L",
158,
462,
"Z",
"M",
159,
462,
"L",
309,
462,
"L",
309,
463,
"L",
159,
463,
"Z",
"M",
160,
463,
"L",
308,
463,
"L",
308,
465,
"L",
160,
465,
"Z",
"M",
161,
465,
"L",
307,
465,
"L",
307,
466,
"L",
161,
466,
"Z",
"M",
162,
466,
"L",
306,
466,
"L",
306,
467,
"L",
162,
467,
"Z",
"M",
163,
467,
"L",
305,
467,
"L",
305,
468,
"L",
163,
468,
"Z",
"M",
165,
468,
"L",
303,
468,
"L",
303,
469,
"L",
165,
469,
"Z",
"M",
166,
469,
"L",
302,
469,
"L",
302,
470,
"L",
166,
470,
"Z",
"M",
167,
470,
"L",
301,
470,
"L",
301,
471,
"L",
167,
471,
"Z",
"M",
169,
471,
"L",
299,
471,
"L",
299,
472,
"L",
169,
472,
"Z",
"M",
171,
472,
"L",
297,
472,
"L",
297,
473,
"L",
171,
473,
"Z",
"M",
173,
473,
"L",
295,
473,
"L",
295,
474,
"L",
173,
474,
"Z",
"M",
177,
474,
"L",
291,
474,
"L",
291,
475,
"L",
177,
475,
"Z",
"M",
184,
475,
"L",
284,
475,
"L",
284,
476,
"L",
184,
476,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
184,
344,
"L",
312,
344,
"L",
312,
472,
"L",
184,
472,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
168,
328,
"L",
328,
328,
"L",
328,
488,
"L",
168,
488,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "raster",
"className": ".float.raster",
"nodeWidth": "128",
"nodeHeight": "128",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
slrContentBox{
"paths": [
{
"path": [
"M",
376,
616,
"L",
376,
680,
"Q",
376,
693,
385,
703,
"Q",
395,
712,
408,
712,
"L",
440,
712,
"Q",
467,
712,
485,
693,
"Q",
504,
675,
504,
648,
"L",
504,
616,
"Q",
504,
603,
495,
593,
"Q",
485,
584,
472,
584,
"L",
408,
584,
"Q",
395,
584,
385,
593,
"Q",
376,
603,
376,
616,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
344,
616,
"L",
344,
680,
"Q",
344,
707,
363,
725,
"Q",
381,
744,
408,
744,
"L",
440,
744,
"Q",
480,
744,
508,
716,
"Q",
536,
688,
536,
648,
"L",
536,
616,
"Q",
536,
589,
517,
571,
"Q",
499,
552,
472,
552,
"L",
408,
552,
"Q",
381,
552,
363,
571,
"Q",
344,
589,
344,
616,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
376,
584,
"L",
504,
584,
"L",
504,
712,
"L",
376,
712,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
344,
568,
"L",
520,
568,
"L",
520,
728,
"L",
344,
728,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
344,
568,
"L",
520,
568,
"L",
520,
728,
"L",
344,
728,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
328,
536,
"L",
536,
536,
"L",
536,
744,
"L",
328,
744,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "slrContentBox",
"className": ".float.contentBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
slrPaddingBox{
"paths": [
{
"path": [
"M",
344,
392,
"L",
344,
488,
"Q",
344,
501,
353,
511,
"Q",
363,
520,
376,
520,
"L",
456,
520,
"Q",
483,
520,
501,
501,
"Q",
520,
483,
520,
456,
"L",
520,
392,
"Q",
520,
379,
511,
369,
"Q",
501,
360,
488,
360,
"L",
376,
360,
"Q",
363,
360,
353,
369,
"Q",
344,
379,
344,
392,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
312,
392,
"L",
312,
488,
"Q",
312,
515,
331,
533,
"Q",
349,
552,
376,
552,
"L",
456,
552,
"Q",
496,
552,
524,
524,
"Q",
552,
496,
552,
456,
"L",
552,
392,
"Q",
552,
365,
533,
347,
"Q",
515,
328,
488,
328,
"L",
376,
328,
"Q",
349,
328,
331,
347,
"Q",
312,
365,
312,
392,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
376,
376,
"L",
504,
376,
"L",
504,
504,
"L",
376,
504,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
344,
360,
"L",
520,
360,
"L",
520,
520,
"L",
344,
520,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
344,
360,
"L",
520,
360,
"L",
520,
520,
"L",
344,
520,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
328,
328,
"L",
536,
328,
"L",
536,
536,
"L",
328,
536,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "slrPaddingBox",
"className": ".float.paddingBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
srlContentBox{
"paths": [
{
"path": [
"M",
184,
856,
"L",
184,
888,
"Q",
184,
901,
175,
911,
"Q",
165,
920,
152,
920,
"L",
88,
920,
"Q",
75,
920,
65,
911,
"Q",
56,
901,
56,
888,
"L",
56,
824,
"Q",
56,
811,
65,
801,
"Q",
75,
792,
88,
792,
"L",
120,
792,
"Q",
147,
792,
165,
811,
"Q",
184,
829,
184,
856,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
216,
856,
"L",
216,
888,
"Q",
216,
915,
197,
933,
"Q",
179,
952,
152,
952,
"L",
88,
952,
"Q",
61,
952,
43,
933,
"Q",
24,
915,
24,
888,
"L",
24,
824,
"Q",
24,
797,
43,
779,
"Q",
61,
760,
88,
760,
"L",
120,
760,
"Q",
160,
760,
188,
788,
"Q",
216,
816,
216,
856,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
56,
792,
"L",
184,
792,
"L",
184,
920,
"L",
56,
920,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
776,
"L",
200,
776,
"L",
200,
936,
"L",
24,
936,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
776,
"L",
200,
776,
"L",
200,
936,
"L",
24,
936,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
744,
"L",
216,
744,
"L",
216,
952,
"L",
8,
952,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "srlContentBox",
"className": ".float.contentBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
srlPaddingBox{
"paths": [
{
"path": [
"M",
200,
1048,
"L",
200,
1112,
"Q",
200,
1125,
191,
1135,
"Q",
181,
1144,
168,
1144,
"L",
56,
1144,
"Q",
43,
1144,
33,
1135,
"Q",
24,
1125,
24,
1112,
"L",
24,
1016,
"Q",
24,
1003,
33,
993,
"Q",
43,
984,
56,
984,
"L",
136,
984,
"Q",
163,
984,
181,
1003,
"Q",
200,
1021,
200,
1048,
"Z"
],
"fillColor": "rgba(0, 0, 0, 0)"
},
{
"path": [
"M",
232,
1048,
"L",
232,
1112,
"Q",
232,
1139,
213,
1157,
"Q",
195,
1176,
168,
1176,
"L",
56,
1176,
"Q",
29,
1176,
11,
1157,
"Q",
-8,
1139,
-8,
1112,
"L",
-8,
1016,
"Q",
-8,
989,
11,
971,
"Q",
29,
952,
56,
952,
"L",
136,
952,
"Q",
176,
952,
204,
980,
"Q",
232,
1008,
232,
1048,
"Z"
],
"fillColor": "rgba(128, 128, 128, 0)"
},
{
"path": [
"M",
56,
1000,
"L",
184,
1000,
"L",
184,
1128,
"L",
56,
1128,
"Z"
],
"fillColor": "rgba(255, 0, 0, 0)",
"outlineColor": "rgba(128, 0, 0, 0)",
"name": "content"
},
{
"path": [
"M",
24,
984,
"L",
200,
984,
"L",
200,
1144,
"L",
24,
1144,
"Z"
],
"fillColor": "rgba(0, 255, 0, 0)",
"name": "padding"
},
{
"path": [
"M",
24,
984,
"L",
200,
984,
"L",
200,
1144,
"L",
24,
1144,
"Z"
],
"fillColor": "rgba(0, 0, 255, 0)",
"name": "border"
},
{
"path": [
"M",
8,
952,
"L",
216,
952,
"L",
216,
1160,
"L",
8,
1160,
"Z"
],
"fillColor": "rgba(255, 255, 255, 0)",
"name": "margin"
}
],
"showRulers": true,
"showExtensionLines": true,
"showAccessibilityInfo": true,
"colorFormat": "hex",
"elementInfo": {
"tagName": "div",
"idValue": "srlPaddingBox",
"className": ".float.paddingBox",
"nodeWidth": "176",
"nodeHeight": "160",
"isKeyboardFocusable": false,
"accessibleName": "",
"accessibleRole": "generic",
"layoutObjectName": "LayoutBlockFlow",
"showAccessibilityInfo": true
}
}
Codebase Browser
chromium