{"id":45482,"date":"2025-10-16T14:11:26","date_gmt":"2025-10-16T11:11:26","guid":{"rendered":"https:\/\/goit.global\/?p=45482"},"modified":"2026-01-06T11:40:13","modified_gmt":"2026-01-06T09:40:13","slug":"property-padding","status":"publish","type":"post","link":"https:\/\/goit.global\/ua\/glossary\/css\/padding\/","title":{"rendered":"padding"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\"><strong>padding<\/strong><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">CSS-\u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c padding \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0445 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0456\u0432 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0442\u043e\u0431\u0442\u043e \u0432\u0456\u0434\u0441\u0442\u0430\u043d\u0456 \u043c\u0456\u0436 \u0432\u043c\u0456\u0441\u0442\u043e\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0456 \u0439\u043e\u0433\u043e \u043c\u0435\u0436\u0430\u043c\u0438. \u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0456\u0440 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043d\u0435 \u0437\u043c\u0456\u043d\u044e\u044e\u0447\u0438 \u0439\u043e\u0433\u043e \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0430\u0431\u043e \u0432\u0438\u0441\u043e\u0442\u0443. \u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c padding \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u0454 \u043f\u043e\u043a\u0440\u0430\u0449\u0438\u0442\u0438 \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432, \u0430 \u0442\u0430\u043a\u043e\u0436 \u0434\u0430\u0454 \u0437\u043c\u043e\u0433\u0443 \u0442\u043e\u0447\u043d\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e\u0432\u0430\u0442\u0438 \u0432\u0456\u0434\u0441\u0442\u0430\u043d\u044c \u043c\u0456\u0436 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0456 \u043c\u0435\u0436\u0430\u043c\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0406\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f<\/strong><\/h2>\n\n\n\n\n<section id=\"glossary-examplesblock_8937e9e966a3085544ae6454ec1a0c6b\" class=\"gb-glossary-examples- glossary-examples\">\n\t\n\t\t<div class=\"demo-container\">\n\t\t\t<div class=\"demo-content\">\n\t\t\t\t<div class=\"controls-panel\">\n\t\t\t\t\t<div class=\"control-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"control-option active\"\n\t\t\t\t\t\t\t\tonclick=\"setExample(0)\" data-rule=\"padding: 20px;\">\n\t\t\t\t\t\t\t\tpadding: 20px;\t\t\t\t\t\t\t\t<span class=\"copy-feedback\">\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e!<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"control-option \"\n\t\t\t\t\t\t\t\tonclick=\"setExample(1)\" data-rule=\"padding: 10px 20px;\">\n\t\t\t\t\t\t\t\tpadding: 10px 20px;\t\t\t\t\t\t\t\t<span class=\"copy-feedback\">\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e!<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"control-option \"\n\t\t\t\t\t\t\t\tonclick=\"setExample(2)\" data-rule=\"padding: 10px 20px 30px;\">\n\t\t\t\t\t\t\t\tpadding: 10px 20px 30px;\t\t\t\t\t\t\t\t<span class=\"copy-feedback\">\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e!<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"control-option \"\n\t\t\t\t\t\t\t\tonclick=\"setExample(3)\" data-rule=\"padding: 10px 20px 30px 40px;\">\n\t\t\t\t\t\t\t\tpadding: 10px 20px 30px 40px;\t\t\t\t\t\t\t\t<span class=\"copy-feedback\">\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e!<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<button class=\"control-option \"\n\t\t\t\t\t\t\t\tonclick=\"setExample(4)\" data-rule=\"padding: 0;\">\n\t\t\t\t\t\t\t\tpadding: 0;\t\t\t\t\t\t\t\t<span class=\"copy-feedback\">\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e!<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"preview-panel\">\n\t\t\t\t\t<div class=\"preview-container parent\"\n\t\t\t\t\t\tstyle=\"border: 1px solid black;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"preview example\" id=\"previewBox\">\n\t\t\t\t\t\t\t\t<!-- text inside example box -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"child\">\n\t\t\t\t\t\t\t\t\t\t\u0412\u0438\u043f\u0443\u0441\u043a\u043d\u0438\u043a\u0438 GoIT \u043f\u0440\u0430\u0446\u044e\u044e\u0442\u044c \u0443 2100+ \u0406\u0422 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0439 \u0423\u043a\u0440\u0430\u0457\u043d\u0438, \u0404\u0432\u0440\u043e\u043f\u0438 \u0442\u0430 \u0421\u0428\u0410\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- boxes for flex-grid examples -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t<!-- text under example boxes \/ applies for all types -->\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<script>\n\t\t\tconst examples = [{\"title\":\"padding: 20px;\",\"additional_urls\":false,\"additional_rules\":false},{\"title\":\"padding: 10px 20px;\",\"additional_urls\":[{\"url\":{\"ID\":43731,\"id\":43731,\"title\":\"stars\",\"filename\":\"stars-1.webp\",\"filesize\":13482,\"url\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1.webp\",\"link\":\"https:\\\/\\\/goit.global\\\/ua\\\/glossary\\\/css\\\/background-image\\\/attachment\\\/stars-2\\\/\",\"alt\":\"\\u0421\\u0438\\u043d\\u0456 \\u0437\\u0456\\u0440\\u043a\\u0438\",\"author\":\"53\",\"description\":\"\",\"caption\":\"\",\"name\":\"stars-2\",\"status\":\"inherit\",\"uploaded_to\":43705,\"date\":\"2025-09-24 12:41:13\",\"modified\":\"2025-09-24 12:41:23\",\"menu_order\":0,\"mime_type\":\"image\\\/webp\",\"type\":\"image\",\"subtype\":\"webp\",\"icon\":\"https:\\\/\\\/goit.global\\\/wp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":500,\"height\":500,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1-150x150.webp\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1-300x300.webp\",\"medium-width\":300,\"medium-height\":300,\"medium_large\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1.webp\",\"medium_large-width\":500,\"medium_large-height\":500,\"large\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1.webp\",\"large-width\":500,\"large-height\":500,\"1536x1536\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1.webp\",\"1536x1536-width\":500,\"1536x1536-height\":500,\"2048x2048\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24154113\\\/stars-1.webp\",\"2048x2048-width\":500,\"2048x2048-height\":500}}},{\"url\":false}],\"additional_rules\":false},{\"title\":\"padding: 10px 20px 30px;\",\"additional_urls\":false,\"additional_rules\":false},{\"title\":\"padding: 10px 20px 30px 40px;\",\"additional_urls\":false,\"additional_rules\":false},{\"title\":\"padding: 0;\",\"additional_urls\":false,\"additional_rules\":false}];\n\t\t\tconst type = \"box\";\n\t\t\tconst additionalRules = [{\"rule\":\"border: 10px solid lightgreen;\"},{\"rule\":\"float: left;\"},{\"rule\":\"height: auto;\"}];\n\t\t\tconst parentRules = [{\"rule\":\"border: 1px solid black;\"}];\n\t\t\tconst childRules = [{\"rule\":\"border: 1px dashed #000;\"},{\"rule\":\"margin: 0;\"}];\n\t\t\tconst contentImage = {\"ID\":43695,\"id\":43695,\"title\":\"dog\",\"filename\":\"dog.webp\",\"filesize\":35366,\"url\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog.webp\",\"link\":\"https:\\\/\\\/goit.global\\\/ua\\\/glossary\\\/css\\\/background-size\\\/attachment\\\/dog\\\/\",\"alt\":\"\\u0429\\u0430\\u0441\\u043b\\u0438\\u0432\\u0435 \\u0449\\u0435\\u043d\\u044f\",\"author\":\"53\",\"description\":\"\",\"caption\":\"\",\"name\":\"dog\",\"status\":\"inherit\",\"uploaded_to\":43693,\"date\":\"2025-09-24 12:14:51\",\"modified\":\"2025-09-24 12:15:16\",\"menu_order\":0,\"mime_type\":\"image\\\/webp\",\"type\":\"image\",\"subtype\":\"webp\",\"icon\":\"https:\\\/\\\/goit.global\\\/wp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":600,\"height\":600,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog-150x150.webp\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog-300x300.webp\",\"medium-width\":300,\"medium-height\":300,\"medium_large\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog.webp\",\"medium_large-width\":600,\"medium_large-height\":600,\"large\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog.webp\",\"large-width\":600,\"large-height\":600,\"1536x1536\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog.webp\",\"1536x1536-width\":600,\"1536x1536-height\":600,\"2048x2048\":\"https:\\\/\\\/web-dev-goit.s3.eu-north-1.amazonaws.com\\\/app\\\/uploads\\\/2025\\\/09\\\/24151451\\\/dog.webp\",\"2048x2048-width\":600,\"2048x2048-height\":600}};\n\n\t\t\tlet currentIndex = 0;\n\n\t\t\tfunction copyToClipboard(text, button) {\n\t\t\t\t\/\/ Try using the modern clipboard API first\n\t\t\t\tif (navigator.clipboard && navigator.clipboard.writeText) {\n\t\t\t\t\tnavigator.clipboard.writeText(text).then(() => {\n\t\t\t\t\t\tshowCopyFeedback(button);\n\t\t\t\t\t}).catch(() => {\n\t\t\t\t\t\t\/\/ Fallback for older browsers\n\t\t\t\t\t\tfallbackCopyToClipboard(text, button);\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ Fallback for older browsers\n\t\t\t\t\tfallbackCopyToClipboard(text, button);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction fallbackCopyToClipboard(text, button) {\n\t\t\t\tconst textArea = document.createElement('textarea');\n\t\t\t\ttextArea.value = text;\n\t\t\t\ttextArea.style.position = 'fixed';\n\t\t\t\ttextArea.style.left = '-999999px';\n\t\t\t\ttextArea.style.top = '-999999px';\n\t\t\t\tdocument.body.appendChild(textArea);\n\t\t\t\ttextArea.focus();\n\t\t\t\ttextArea.select();\n\n\t\t\t\ttry {\n\t\t\t\t\tdocument.execCommand('copy');\n\t\t\t\t\tshowCopyFeedback(button);\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.error('Failed to copy text: ', err);\n\t\t\t\t}\n\n\t\t\t\tdocument.body.removeChild(textArea);\n\t\t\t}\n\n\t\t\tfunction showCopyFeedback(button) {\n\t\t\t\t\/\/ Add copied class for visual feedback\n\t\t\t\tbutton.classList.add('copied');\n\n\t\t\t\t\/\/ Show copy feedback\n\t\t\t\tconst feedback = button.querySelector('.copy-feedback');\n\t\t\t\tfeedback.classList.add('show');\n\n\t\t\t\t\/\/ Remove feedback after 1.5 seconds\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tfeedback.classList.remove('show');\n\t\t\t\t\tbutton.classList.remove('copied');\n\t\t\t\t}, 1500);\n\t\t\t}\n\n\t\t\tfunction buildBackgroundImages(item) {\n\t\t\t\t\/\/ Build background images for the current example\n\t\t\t\tlet backgroundImages = [`url('${contentImage.url}')`];\n\n\t\t\t\tif (item.additional_urls && Array.isArray(item.additional_urls)) {\n\t\t\t\t\titem.additional_urls.forEach(urlObj => {\n\t\t\t\t\t\tif (urlObj.url && urlObj.url.url) {\n\t\t\t\t\t\t\tbackgroundImages.push(`url('${urlObj.url.url}')`);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn backgroundImages.join(', ');\n\t\t\t}\n\n\t\t\tfunction setExample(index, shouldCopy = true) {\n\t\t\t\tconst item = examples[index];\n\t\t\t\tcurrentIndex = index;\n\t\t\t\tlet activeChildIndex = 0;\n\n\t\t\t\t\/\/ Reset all preview elements to their base styles\n\t\t\t\tresetPreviewStyles();\n\n\t\t\t\t\/\/ Apply styles based on type\n\t\t\t\tif (type === \"text\") {\n\t\t\t\t\tconst previewText = document.getElementById('previewText');\n\t\t\t\t\tconst paragraph = previewText.querySelector(\"p\");\n\n\t\t\t\t\t\/\/ Apply the main rule\n\t\t\t\t\tparagraph.style.cssText += '; ' + item.title;\n\n\t\t\t\t\t\/\/ Apply additional rules if they exist\n\t\t\t\t\tif (additionalRules) {\n\t\t\t\t\t\tadditionalRules.forEach(rule => {\n\t\t\t\t\t\t\tparagraph.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply parent rules to the preview container\n\t\t\t\t\tif (parentRules) {\n\t\t\t\t\t\tparentRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewText.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t} else if (type === \"pic\") {\n\t\t\t\t\tconst previewImage = document.getElementById('previewImage');\n\t\t\t\t\tconst img = previewImage.querySelector(\"img\");\n\n\t\t\t\t\t\/\/ Apply the main rule to the image\n\t\t\t\t\timg.style.cssText += '; ' + item.title;\n\n\t\t\t\t\t\/\/ Apply additional rules if they exist\n\t\t\t\t\tif (additionalRules) {\n\t\t\t\t\t\tadditionalRules.forEach(rule => {\n\t\t\t\t\t\t\timg.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply parent rules to the preview container\n\t\t\t\t\tif (parentRules) {\n\t\t\t\t\t\tparentRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewImage.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t} else if (type === \"background\") {\n\t\t\t\t\tconst previewBg = document.getElementById('previewBackground');\n\n\t\t\t\t\tif (item.title.includes(\"url\")) {\n\t\t\t\t\t\t\/\/ Update background images for this specific example\n\t\t\t\t\t\tconst bgImages = buildBackgroundImages(item);\n\t\t\t\t\t\tpreviewBg.style.backgroundImage = bgImages;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ Apply the main rule to the background container\n\t\t\t\t\t\tpreviewBg.style.cssText += '; ' + item.title;\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply additional rules if they exist\n\t\t\t\t\tif (additionalRules) {\n\t\t\t\t\t\tadditionalRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewBg.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply parent rules to the preview container\n\t\t\t\t\tif (parentRules) {\n\t\t\t\t\t\tparentRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewBg.parentNode.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else if (type === \"box\") {\n\t\t\t\t\tconst previewBox = document.getElementById('previewBox');\n\n\t\t\t\t\t\/\/ Apply the main rule to the background container\n\t\t\t\t\tpreviewBox.style.cssText += '; ' + item.title;\n\n\t\t\t\t\tif (item.additional_rules && Array.isArray(item.additional_rules)) {\n\t\t\t\t\t\titem.additional_rules.forEach(rule => {\n\t\t\t\t\t\t\tif (rule) {\n\t\t\t\t\t\t\t\tpreviewBox.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply additional rules if they exist\n\t\t\t\t\tif (additionalRules) {\n\t\t\t\t\t\tadditionalRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewBox.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Apply parent rules to the preview container\n\t\t\t\t\tif (childRules) {\n\t\t\t\t\t\tconst childParagraph = previewBox.querySelector(\"p\");\n\n\t\t\t\t\t\tif (childParagraph) {\n\t\t\t\t\t\t\tchildRules.forEach(rule => {\n\t\t\t\t\t\t\t\tpreviewBox.querySelector(\"p\").style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (parentRules) {\n\t\t\t\t\t\tparentRules.forEach(rule => {\n\t\t\t\t\t\t\tpreviewBox.parentNode.style.cssText += '; ' + rule.rule;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else if (type === \"positioning\") {\n\t\t\t\t\tconst activeChild = document.getElementById('active-child-block');\n\t\t\t\t\tif (!activeChild) return;\n\n\t\t\t\t\t\/\/ \u0434\u043e\u0434\u0430\u0454\u043c\u043e CSS \u0437 \u043a\u043d\u043e\u043f\u043a\u0438\n\t\t\t\t\tactiveChild.style.cssText += '; ' + item.title;\n\t\t\t\t}\n\n\t\t\t\t\/\/ Update active button\n\t\t\t\tupdateActiveButton(index);\n\n\t\t\t\t\/\/ Copy the rule to clipboard only if shouldCopy is true\n\t\t\t\tif (shouldCopy) {\n\t\t\t\t\tconst ruleText = item.title;\n\t\t\t\t\tconst buttons = document.querySelectorAll('.control-option');\n\t\t\t\t\tcopyToClipboard(ruleText, buttons[index]);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction resetPreviewStyles() {\n\t\t\t\t\/\/ Reset text preview\n\t\t\t\tconst previewText = document.getElementById('previewText');\n\t\t\t\tif (previewText) {\n\t\t\t\t\tpreviewText.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\tconst paragraph = previewText.querySelector('p');\n\t\t\t\t\tif (paragraph) {\n\t\t\t\t\t\tparagraph.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ Reset image preview\n\t\t\t\tconst previewImage = document.getElementById('previewImage');\n\t\t\t\tif (previewImage) {\n\t\t\t\t\tpreviewImage.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\tconst img = previewImage.querySelector('img');\n\t\t\t\t\tif (img) {\n\t\t\t\t\t\timg.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ Reset background preview\n\t\t\t\tconst previewBg = document.getElementById('previewBackground');\n\t\t\t\tif (previewBg) {\n\t\t\t\t\t\/\/ Apply only base background styles (no accumulated styles)\n\t\t\t\t\tpreviewBg.style.cssText = `\n\t\t\t\t\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\t\t\t\t\theight: 200px;\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 8px;\n\t\t\t\t\t\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t\t\t\t\t\ttransition: all 0.3s ease;\n\t\t\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\t\t\t`;\n\n\t\t\t\t\t\/\/ Reset parent container\n\t\t\t\t\tif (previewBg.parentNode) {\n\t\t\t\t\t\tpreviewBg.parentNode.style.cssText = '';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ Reset box preview\n\t\t\t\tconst previewBox = document.getElementById('previewBox');\n\t\t\t\tif (previewBox) {\n\t\t\t\t\tpreviewBox.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\tconst paragraph = previewBox.querySelector('p');\n\t\t\t\t\tif (paragraph) {\n\t\t\t\t\t\tparagraph.style.cssText = ''; \/\/ Clear all inline styles\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Reset parent container\n\t\t\t\t\tif (previewBox.parentNode) {\n\t\t\t\t\t\tpreviewBox.parentNode.style.cssText = '';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction updateActiveButton(index) {\n\t\t\t\tconst buttons = document.querySelectorAll('.control-option');\n\t\t\t\tbuttons.forEach(button => {\n\t\t\t\t\tbutton.classList.remove('active');\n\t\t\t\t});\n\t\t\t\tif (buttons[index]) {\n\t\t\t\t\tbuttons[index].classList.add('active');\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/ Add keyboard navigation\n\t\t\tdocument.addEventListener('keydown', function(e) {\n\t\t\t\tconst numExamples = examples.length;\n\n\t\t\t\tif (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst nextIndex = (currentIndex + 1) % numExamples;\n\t\t\t\t\tsetExample(nextIndex);\n\t\t\t\t} else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tconst prevIndex = currentIndex === 0 ? numExamples - 1 : currentIndex - 1;\n\t\t\t\t\tsetExample(prevIndex);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Initialize without copying\n\t\t\tsetExample(0, false);\n\t\t<\/script>\n\t<\/section>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441<\/strong><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>padding: &lt;length&gt; | &lt;percentage&gt;;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>&lt;length&gt;<\/code><\/strong> \u2014 \u0444\u0456\u043a\u0441\u043e\u0432\u0430\u043d\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0443 \u0432 \u043e\u0434\u0438\u043d\u0438\u0446\u044f\u0445 \u0432\u0438\u043c\u0456\u0440\u0443, \u0442\u0430\u043a\u0438\u0445 \u044f\u043a px, em, rem \u0442\u043e\u0449\u043e.<\/li>\n\n\n\n<li><strong><code>&lt;percentage&gt;<\/code><\/strong> \u2014 \u0432\u0456\u0434\u0441\u043e\u0442\u043a\u043e\u0432\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u044f\u043a\u0435 \u0437\u0430\u043b\u0435\u0436\u0438\u0442\u044c \u0432\u0456\u0434 \u0440\u043e\u0437\u043c\u0456\u0440\u0443 \u0431\u0430\u0442\u044c\u043a\u0456\u0432\u0441\u044c\u043a\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434, <code>padding: 10%<\/code> \u043e\u0437\u043d\u0430\u0447\u0430\u0454 \u0432\u0456\u0434\u0441\u0442\u0443\u043f, \u0440\u0456\u0432\u043d\u0438\u0439 10% \u0432\u0456\u0434 \u0448\u0438\u0440\u0438\u043d\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u041a\u0440\u0456\u043c \u0446\u0438\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u044c, \u0443 \u0431\u0443\u0434\u044c-\u044f\u043a\u043e\u0457 CSS-\u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u0454 \u0441\u043b\u0443\u0436\u0431\u043e\u0432\u0456 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>inherit<\/strong> \u2014 \u043d\u0430\u0441\u043b\u0456\u0434\u0443\u0454 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0432\u0456\u0434 \u0431\u0430\u0442\u044c\u043a\u0456\u0432\u0441\u044c\u043a\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430;<\/li>\n\n\n\n<li><strong>initial<\/strong> \u2014 \u0441\u043a\u0438\u0434\u0430\u0454 \u0434\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0437\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c;<\/li>\n\n\n\n<li><strong>unset<\/strong> \u2014 \u043f\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u044f\u043a <code>inherit<\/code> \u0434\u043b\u044f \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0435\u0439, \u0449\u043e \u043d\u0430\u0441\u043b\u0456\u0434\u0443\u044e\u0442\u044c\u0441\u044f, \u0456 \u044f\u043a <code>initial<\/code> \u0434\u043b\u044f \u043d\u0435\u043d\u0430\u0441\u043b\u0456\u0434\u0443\u0432\u0430\u043d\u0438\u0445;<\/li>\n\n\n\n<li><strong>revert<\/strong> \u2014 \u0441\u043a\u0430\u0441\u043e\u0432\u0443\u0454 \u0441\u0442\u0438\u043b\u0456 \u0430\u0432\u0442\u043e\u0440\u0430 \u0456 \u043f\u043e\u0432\u0435\u0440\u0442\u0430\u0454 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0437 \u0442\u0430\u0431\u043b\u0438\u0446\u0456 \u0441\u0442\u0438\u043b\u0456\u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0447\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430;<\/li>\n\n\n\n<li><strong>revert-layer<\/strong> \u2014 \u043f\u043e\u0432\u0435\u0440\u0442\u0430\u0454 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0437 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u0433\u043e \u0448\u0430\u0440\u0443 \u043a\u0430\u0441\u043a\u0430\u0434\u0443 (<code>@layer<\/code>).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0456 \u043c\u043e\u043c\u0435\u043d\u0442\u0438<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>padding<\/code><\/strong> \u043f\u0440\u0430\u0446\u044e\u0454 \u0434\u043b\u044f \u0432\u0441\u0456\u0445 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432, \u0430\u043b\u0435 \u043d\u0430\u0439\u0431\u0456\u043b\u044c\u0448\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0431\u043b\u043e\u0447\u043d\u0438\u0445 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432, \u0442\u0430\u043a\u0438\u0445 \u044f\u043a <strong><code>div<\/code><\/strong>, <strong><code>section<\/code><\/strong>, <strong><code>article<\/code><\/strong> \u0442\u0430 \u0456\u043d\u0448\u0456.<\/li>\n\n\n\n<li>\u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c <strong><code>padding<\/code><\/strong> \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u0437\u0430\u0434\u0430\u043d\u0430 \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0431\u043e\u043a\u0443 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043e\u043a\u0440\u0435\u043c\u043e:\n<ul class=\"wp-block-list\">\n<li><strong><code>padding-top<\/code><\/strong> \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443.<\/li>\n\n\n\n<li><strong><code>padding-right<\/code><\/strong> \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0441\u043f\u0440\u0430\u0432\u0430.<\/li>\n\n\n\n<li><strong><code>padding-bottom<\/code><\/strong> \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043d\u0438\u0437\u0443.<\/li>\n\n\n\n<li><strong><code>padding-left<\/code><\/strong> \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u043b\u0456\u0432\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c <strong><code>padding<\/code><\/strong> \u043c\u043e\u0436\u0435 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u0438\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\u043c \u0434\u043b\u044f \u0432\u0441\u0456\u0445 \u0447\u043e\u0442\u0438\u0440\u044c\u043e\u0445 \u0431\u043e\u043a\u0456\u0432, \u0434\u0432\u043e\u043c\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\u043c\u0438 (\u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u0439 \u0456 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0438), \u0442\u0440\u044c\u043e\u043c\u0430 \u0430\u0431\u043e \u0447\u043e\u0442\u0438\u0440\u043c\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\u043c\u0438 \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0431\u043e\u043a\u0443:\n<ul class=\"wp-block-list\">\n<li>\u041e\u0434\u043d\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f: <code>padding: 20px;<\/code> \u2014 \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0438\u0439 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437 \u0443\u0441\u0456\u0445 \u0431\u043e\u043a\u0456\u0432.<\/li>\n\n\n\n<li>\u0414\u0432\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f: <code>padding: 10px 20px;<\/code> \u2014 \u043f\u0435\u0440\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443 \u0442\u0430 \u0437\u043d\u0438\u0437\u0443, \u0434\u0440\u0443\u0433\u0435 \u2014 \u0437\u043b\u0456\u0432\u0430 \u0442\u0430 \u0441\u043f\u0440\u0430\u0432\u0430.<\/li>\n\n\n\n<li>\u0422\u0440\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f: <code>padding: 10px 20px 30px;<\/code> \u2014 \u043f\u0435\u0440\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u2014 \u0432\u0456\u0434\u0441\u0442\u0443\u043f \u0437\u0432\u0435\u0440\u0445\u0443, \u0434\u0440\u0443\u0433\u0435 \u2014 \u0437\u043b\u0456\u0432\u0430 \u0442\u0430 \u0441\u043f\u0440\u0430\u0432\u0430, \u0442\u0440\u0435\u0442\u0454 \u2014 \u0437\u043d\u0438\u0437\u0443.<\/li>\n\n\n\n<li>\u0427\u043e\u0442\u0438\u0440\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f: <code>padding: 10px 20px 30px 40px;<\/code> \u2014 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0431\u043e\u043a\u0443: \u0437\u0432\u0435\u0440\u0445\u0443, \u0441\u043f\u0440\u0430\u0432\u0430, \u0437\u043d\u0438\u0437\u0443, \u0437\u043b\u0456\u0432\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0454\u0442\u044c\u0441\u044f \u0432\u0441\u0456\u043c\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>padding CSS-\u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c padding \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0432\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0456\u0445 \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0456\u0432 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0442\u043e\u0431\u0442\u043e \u0432\u0456\u0434\u0441\u0442\u0430\u043d\u0456 \u043c\u0456\u0436 \u0432\u043c\u0456\u0441\u0442\u043e\u043c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0456 \u0439\u043e\u0433\u043e \u043c\u0435\u0436\u0430\u043c\u0438. \u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0456\u0440 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043d\u0435 \u0437\u043c\u0456\u043d\u044e\u044e\u0447\u0438 \u0439\u043e\u0433\u043e \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0430\u0431\u043e \u0432\u0438\u0441\u043e\u0442\u0443. \u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c padding \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u0454 \u043f\u043e\u043a\u0440\u0430\u0449\u0438\u0442\u0438 \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432, \u0430 \u0442\u0430\u043a\u043e\u0436 \u0434\u0430\u0454 \u0437\u043c\u043e\u0433\u0443 \u0442\u043e\u0447\u043d\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e\u0432\u0430\u0442\u0438 \u0432\u0456\u0434\u0441\u0442\u0430\u043d\u044c \u043c\u0456\u0436 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c \u0456 \u043c\u0435\u0436\u0430\u043c\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u0406\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u041a\u0440\u0456\u043c &hellip; <a href=\"https:\/\/goit.global\/ua\/glossary\/css\/padding\/\">Continued<\/a><\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[10956],"tags":[],"class_list":["post-45482","post","type-post","status-publish","format-standard","hentry","category-html-dictionary-css"],"acf":[],"_links":{"self":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/posts\/45482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/comments?post=45482"}],"version-history":[{"count":3,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/posts\/45482\/revisions"}],"predecessor-version":[{"id":47554,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/posts\/45482\/revisions\/47554"}],"wp:attachment":[{"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/media?parent=45482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/categories?post=45482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goit.global\/ua\/wp-json\/wp\/v2\/tags?post=45482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}