{"id":112019,"date":"2023-04-07T17:00:00","date_gmt":"2023-04-07T11:30:00","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=112019"},"modified":"2024-07-27T19:03:29","modified_gmt":"2024-07-27T13:33:29","slug":"css-margin","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/css-margin\/","title":{"rendered":"CSS Margin"},"content":{"rendered":"<p>In this tutorial, we will learn about margin in CSS and its properties. Let&#8217;s start!!<\/p>\n<h3>What is margin in CSS?<\/h3>\n<p>In CSS, a margin is a space that surrounds an HTML element. The margin value determines how much room there is around the HTML element. When establishing where an adjacent element on a web page should be placed, the browser utilizes a margin as a starting point. These are helpful for neatly organizing our HTML components by leaving some space around them. Margins make ensuring that no other element occupies the designated space surrounding an element.<\/p>\n<p>The margin property determines an element&#8217;s margins and serves as a shorthand for the following properties:<\/p>\n<ul>\n<li>margin<\/li>\n<li>margin-top<\/li>\n<li>margin-right<\/li>\n<li>margin-bottom<\/li>\n<li>margin-left<\/li>\n<\/ul>\n<h3>CSS Margin Property<\/h3>\n<p>All four margin properties can be specified in one declaration using the margin property. Setting a margin around a paragraph is as easy as following this syntax.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n   &lt;head&gt;\r\n   &lt;\/head&gt;\r\n   &lt;body&gt;\r\n      &lt;p style = \"margin: 15px; border:1px solid black;\"&gt;\r\n         DataFlair - all four margins = 15px\r\n      &lt;\/p&gt;     \r\n      &lt;p style = \"margin:10px 2%; border:1px solid blue;\"&gt;\r\n         DataFlair - top &amp; bottom margin = 10px, left &amp; right margin = 2% \r\n      &lt;\/p&gt;  \r\n      &lt;p style = \"margin: 10px 2% -10px; border:1px solid green;\"&gt;\r\n         DataFlair - top margin = 10px, left &amp; right margin = 2%, bottom margin = -10px\r\n      &lt;\/p&gt;      \r\n      &lt;p style = \"margin: 10px 2% -10px auto; border:1px solid yellow;\"&gt;\r\n         DataFlair - top margin = 10px, right margin = 2%, bottom margin = -10px, left margin \r\n         will be set by the browser\r\n      &lt;\/p&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-collapse.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112667\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-collapse.webp\" alt=\"margin collapse\" width=\"1766\" height=\"820\" \/><\/a><\/p>\n<h3>CSS margin-bottom Property<\/h3>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n   &lt;head&gt;\r\n   &lt;\/head&gt;\r\n   &lt;body&gt;\r\n      &lt;p style = \"margin-bottom: 15px; border:1px solid black;\"&gt;\r\n         DataFlair with a specified bottom margin\r\n      &lt;\/p&gt;  \r\n      &lt;p style = \"margin-bottom: 5%; border:1px solid black;\"&gt;\r\n         DataFlair with a specified bottom margin in percent\r\n      &lt;\/p&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-top-property.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112670\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-top-property.webp\" alt=\"margin top property\" width=\"1786\" height=\"608\" \/><\/a><\/p>\n<h3>CSS margin-top Property<\/h3>\n<p>An element&#8217;s top margin can be set using the margin-top CSS property. The top margin area sets the margin area for the element. The margin-top property&#8217;s default value is zero.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n   &lt;head&gt;\r\n   &lt;\/head&gt;\r\n\r\n   &lt;body&gt;\r\n      &lt;p style = \"margin-top: 15px; border:1px solid black;\"&gt;\r\n         DataFlair with a specified top margin\r\n      &lt;\/p&gt;\r\n      \r\n      &lt;p style = \"margin-top: 5%; border:1px solid black;\"&gt;\r\n         DataFlair with a specified top margin in percent\r\n      &lt;\/p&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-left-property.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112664\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-left-property.webp\" alt=\"margin left property\" width=\"1788\" height=\"677\" \/><\/a><\/p>\n<h3>CSS margin-left Property<\/h3>\n<p>You can control an element&#8217;s left margin with the margin-left attribute. Its value can be length, %, or auto.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n   &lt;head&gt;\r\n   &lt;\/head&gt;\r\n   &lt;body&gt;\r\n      &lt;p style = \"margin-left: 15px; border:1px solid black;\"&gt;\r\n         DataFlair with a specified left margin\r\n      &lt;\/p&gt;   \r\n      &lt;p style = \"margin-left: 5%; border:1px solid black;\"&gt;\r\n         DataFlair with a specified top margin in percent\r\n      &lt;\/p&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt; \r\n<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-right-property.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112666\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-right-property.webp\" alt=\"margin right property\" width=\"1787\" height=\"560\" \/><\/a><\/p>\n<h3>CSS margin-right Property<\/h3>\n<p>You can control an element&#8217;s right margin with the margin-right attribute. Its value can be length, %, or auto.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n   &lt;head&gt;\r\n   &lt;\/head&gt;\r\n   \r\n   &lt;body&gt;\r\n      &lt;p style = \"margin-right: 15px; border:1px solid black;\"&gt;\r\n         DataFlair with a specified right margin\r\n      &lt;\/p&gt;\r\n      &lt;p style = \"margin-right: 5%; border:1px solid black;\"&gt;\r\n         DataFlair with a specified right margin in percent\r\n      &lt;\/p&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-property.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112663\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-property.webp\" alt=\"margin property\" width=\"1773\" height=\"617\" \/><\/a><\/p>\n<h3>CSS Margin Collapse<\/h3>\n<p>Elements&#8217; top and bottom margins can occasionally be combined into a single margin that is the larger of the two margins.<\/p>\n<p>On the left and right edges, this does not occur. It occurs just at the top and bottom margins.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;html&gt;\r\n&lt;head&gt;\r\n  &lt;style&gt;\r\n    h1 {\r\n      margin: 0 0 50px 0;\r\n    }\r\n    h2 {\r\n      margin: 20px 0 0 0;\r\n    }\r\n  &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n  &lt;h1&gt;DataFlair 1&lt;\/h1&gt;\r\n  &lt;h2&gt;DataFlair 2&lt;\/h2&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-bottom-property.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-112668\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/03\/margin-bottom-property.webp\" alt=\"margin bottom property\" width=\"1488\" height=\"705\" \/><\/a><\/p>\n<h3>Value properties in CSS<\/h3>\n<p><strong>1. &#8220;Inherit&#8221; value property: <\/strong><\/p>\n<p>This value property is used to inherit the value of a specific property from its parent element.<\/p>\n<p><strong>2. &#8220;Auto&#8221; value property:<\/strong><\/p>\n<p>This value property is used to set the value of a property to its default value, which is determined by the browser.<\/p>\n<p><strong>3. &#8220;Initial&#8221; value property: <\/strong><\/p>\n<p>This value property is used to set a property to its default value as specified in the CSS specification. It overrides any inherited or previous value of the property.<\/p>\n<p><strong>4. &#8220;Unset&#8221; value property: <\/strong><\/p>\n<p>This value property is used to unset a property, which means it will either take on the value of its parent element or its default value, depending on whether the property is inherited or not.<\/p>\n<p><strong>5. &#8220;None&#8221; value property: <\/strong><\/p>\n<p>This value property is used to set a property to have no effect, typically used to override previous values or to reset a property to its default value.<\/p>\n<p><strong>6. &#8220;CurrentColor&#8221; value property: <\/strong><\/p>\n<p>This value property is used to set the color of a property to the current color value. It&#8217;s mainly used to inherit the color value of the parent element.<\/p>\n<p><strong>7. &#8220;Normal&#8221; value property:<\/strong><\/p>\n<p>This value property is used to set a property to its default value as specified in the CSS specification. It is typically used to reset a property that has been set to a non-default value.<\/p>\n<p><strong>8. &#8220;Replace&#8221; value property: <\/strong><\/p>\n<p>This value property is used to set the value of a property to replace an element with the value. It is used for properties such as &#8220;content&#8221;.<\/p>\n<p><strong>9. &#8220;OptimizeSpeed&#8221; value property:<\/strong><\/p>\n<p>This value property is used to set the value of a property to optimize for speed. It is used for properties such as &#8220;will-change&#8221; and &#8220;transform&#8221; to indicate that the browser should try to optimize the performance of the element.<\/p>\n<p><strong>10. &#8220;OptimizeQuality&#8221; value property: <\/strong><\/p>\n<p>This value property is used to set the value of a property to optimize for quality. It is used for properties such as &#8220;image-rendering&#8221; to indicate that the browser should try to improve the visual quality of the element.<\/p>\n<p>The proper usage of margins is also important in designing layouts since it can help define a suitable amount of space around a particular item. This not only enhances the style and looks of the content but also makes it more convenient to the user by directing him\/her to areas of interactivity.<\/p>\n<p>Margins can help keep the content in a certain area away from other content and can be useful in making sure that the design is responsive to the screen area being used to display the layout.<\/p>\n<h3>Conclusion:<\/h3>\n<p>According to user-defined parameters, margins are provided through the CSS margin property. In this article, the margin property in CSS is used and demonstrated in operation. In CSS, margins can be applied to individual sides using the margin property, and to several sides at once using the margin shorthand property.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will learn about margin in CSS and its properties. Let&#8217;s start!! What is margin in CSS? In CSS, a margin is a space that surrounds an HTML element. The margin&#46;&#46;&#46;<\/p>\n","protected":false},"author":5,"featured_media":112547,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27226],"tags":[27294,32764],"class_list":["post-112019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-tutorials","tag-css-margin","tag-value-properties-in-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS Margin - DataFlair<\/title>\n<meta name=\"description\" content=\"According to user-defined parameters, margins are provided through the CSS margin property. Learn about margin property in CSS with examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/css-margin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Margin - DataFlair\" \/>\n<meta property=\"og:description\" content=\"According to user-defined parameters, margins are provided through the CSS margin property. Learn about margin property in CSS with examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/css-margin\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-07T11:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-27T13:33:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Margin - DataFlair","description":"According to user-defined parameters, margins are provided through the CSS margin property. Learn about margin property in CSS with examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/css-margin\/","og_locale":"en_US","og_type":"article","og_title":"CSS Margin - DataFlair","og_description":"According to user-defined parameters, margins are provided through the CSS margin property. Learn about margin property in CSS with examples.","og_url":"https:\/\/data-flair.training\/blogs\/css-margin\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2023-04-07T11:30:00+00:00","article_modified_time":"2024-07-27T13:33:29+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp","type":"image\/webp"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823"},"headline":"CSS Margin","datePublished":"2023-04-07T11:30:00+00:00","dateModified":"2024-07-27T13:33:29+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/"},"wordCount":765,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp","keywords":["CSS Margin","Value properties in CSS"],"articleSection":["CSS Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/css-margin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/css-margin\/","url":"https:\/\/data-flair.training\/blogs\/css-margin\/","name":"CSS Margin - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp","datePublished":"2023-04-07T11:30:00+00:00","dateModified":"2024-07-27T13:33:29+00:00","description":"According to user-defined parameters, margins are provided through the CSS margin property. Learn about margin property in CSS with examples.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/css-margin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2023\/02\/css-margin.webp","width":1200,"height":628,"caption":"css margin"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/css-margin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"CSS Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/css-tutorials\/"},{"@type":"ListItem","position":3,"name":"CSS Margin"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team creates expert-level guides on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our goal is to empower learners with easy-to-understand content. Explore our resources for career growth and practical learning.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/112019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=112019"}],"version-history":[{"count":6,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/112019\/revisions"}],"predecessor-version":[{"id":142997,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/112019\/revisions\/142997"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/112547"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=112019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=112019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=112019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}