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 } }