{"id":38065,"date":"2017-09-18T23:01:18","date_gmt":"2017-09-18T15:01:18","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=38065"},"modified":"2025-04-04T02:49:45","modified_gmt":"2025-04-03T18:49:45","slug":"img-css-properties","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/","title":{"rendered":"5 <IMG> CSS Properties You Should Know"},"content":{"rendered":"

There are CSS properties, such as background images, border images<\/a>, masking<\/a>, and clipping<\/a> properties, with which you can directly add images<\/strong> to web pages and control their behavior. However, there are also less frequently mentioned image-related CSS properties that work on images added with the <img><\/code> HTML tag<\/strong>, which the preferred way of adding images to web pages.<\/p>\n

The job description of these latter properties varies from controlling the image shadow<\/strong> to setting the sharpness<\/strong>, helping us better control the appearance and the position of images added with the <img><\/code> tag. Let\u2019s see them one by one.<\/p>\n

Read Also:<\/strong> 3 Ways to Turn Web Images to Grayscale<\/a><\/p>\n

1. Sharpen images with image-rendering<\/code><\/h2>\n

When an image is upscaled, the browser smoothens the image<\/strong>, so it doesn\u2019t look pixelated. But, depending on the resolution of the image and screen, this might not be the best at all times. You can control this browser behavior with the image-rendering<\/code><\/a> property<\/strong>.<\/p>\n

This well-supported<\/a> property controls the algorithm used to scale an image<\/strong>. Its two main values are crisp-edges<\/code><\/strong> and pixelated<\/code><\/strong>.<\/p>\n

The crisp-edges<\/code> value maintains the color contrast between pixels<\/strong>. In other words, no smoothening is done to images, which great for pixel artwork<\/strong>.<\/p>\n

When pixelated<\/code> is used, the nearby pixels of a pixel might take up its appearance<\/strong>, making it seem like together they form one big pixel<\/strong>, great for high-resolution screens.<\/p>\n

If you keep looking closely at the flower edges in the GIF below, you can see the difference between a regular and a pixelated<\/code> image.<\/p>\n

\r\nimg {\r\n  image-rendering: pixelated;\r\n}\r\n<\/pre>\n
\"Image<\/figure>\n
2. Stretch images with object-fit<\/code><\/h2>\n
The contain<\/code>, cover<\/code>, fill<\/code> values are all familiar, we use them for the background-size<\/code> property that controls how a background image fills up the element it belongs to. The object-fit<\/code><\/a><\/strong> property is quite similar to it, as it also determines how an image sizes inside its container<\/strong>.<\/p>\n
The contain<\/code> value contains the image within its container<\/strong>. cover<\/code> does the same, but if the aspect ratio of the image and the container doesn\u2019t match, the image is clipped<\/strong>. fill<\/code> causes the image to stretch and fill its container<\/strong>.  scale-down<\/code> chooses the smallest version of the image<\/strong> to display.<\/p>\n
\r\n<div id='container'>\r\n  <img src=\"rose.png' alt=\"rose flower'>\r\n<\/div>\r\n<\/pre>\n
\r\n#container {\r\n  width: 300px;\r\n  height: 300px;\r\n}\r\nimg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n<\/pre>\n
\"Object<\/figure>\n
3. Shift images with object-position<\/code><\/h2>\n
Similarly to the complementing background-position<\/code> property of background-size<\/code>, there\u2019s an object-position<\/code><\/a><\/strong> property for object-fit<\/code>, too.<\/p>\n
The object-fit<\/code> property moves an image<\/strong> inside an image container to the given coordinates<\/strong>. The coordinates can be defined as absolute length units<\/strong>, relative length units<\/strong>, keywords<\/strong> (top<\/code>, left<\/code>, center<\/code>, bottom<\/code>, and right<\/code>), or a valid combination of them<\/strong>\n(top 20px right 5px<\/code>, center right 80px<\/code>).<\/p>\n
\r\n<div id='container'>\r\n  <img src=\"rose.png' alt=\"rose flower'>\r\n<\/div>\r\n<\/pre>\n
\r\n#container {\r\n  width: 300px;\r\n  height: 300px;\r\n}\r\nimg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-position: 150px 0;\r\n}\r\n<\/pre>\n
\"Object<\/figure>\n
4. Situate images with vertical-align<\/code><\/h2>\n
We sometimes add <img><\/code> (which are inline by nature) next to text strings for added information or decoration<\/strong>. In that case, aligning the text and the image<\/strong> into the desired position can be a tad bit tricky\u2014if you don\u2019t know which property to use.<\/p>\n
The vertical-align<\/code><\/a><\/strong> property is not exclusive to table cells alone<\/strong>.  It  can also align an inline element inside an inline box, and thus can be used to align an image in a line of text<\/strong>. It takes a fair number of values<\/a> that can be applied to an inline element, so you have many options to choose from.<\/p>\n
\r\n<p>\r\nPDF <img width=\"15\" src=\"pdf.png\"\r\nstyle=\"vertical-align:text-top\" alt=\"Image\">\r\n<\/p>\r\n<\/pre>\n
\"Vertical<\/figure>\n
5. Shadow images with filter: drop-shadow()<\/code><\/h2>\n
When used inconspicuously in texts and boxes, shadows can add life to a web page. The same is true for in images. Images with core shapes and transparent backgrounds<\/strong> can benefit from the drop-shadow<\/code><\/a><\/strong> CSS filter.<\/p>\n
Its arguments are similar to the values of the shadow-related CSS properties<\/strong> (text-shadow<\/code><\/a>, box-shadow<\/code><\/a>). The first two represent the vertical and horizontal distance<\/strong> between the shadows and the image, the third and fourth are the blur<\/strong> and the spread radius of the shadow<\/strong>, and the last one is the shadow color<\/strong>.<\/p>\n
Just like text-shadow<\/code>, drop-shadow<\/code> also  creates a shadow that is molded to the belonging object<\/strong>. So, when it\u2019s applied to an image, the shadow takes the shape of the visible portion of the image.<\/p>\n
\r\nimg {\r\n  filter: drop-shadow(0 0 5px blue);\r\n}\r\n<\/pre>\n
\"Drop<\/figure>","protected":false},"excerpt":{"rendered":"
There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages and control their behavior. However, there are also less frequently mentioned image-related CSS properties that work on images added with the <img> HTML tag, which the preferred way of adding images…<\/p>\n","protected":false},"author":145,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392],"tags":[507,4501],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n5 CSS Properties You Should Know<\/title>\n<meta name=\"description\" content=\"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 <IMG> CSS Properties You Should Know\" \/>\n<meta property=\"og:description\" content=\"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-18T15:01:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T18:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif\" \/>\n<meta name=\"author\" content=\"Preethi Ranjit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Preethi Ranjit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/\"},\"author\":{\"name\":\"Preethi Ranjit\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e981676afae36d1ff5feb75094950ab3\"},\"headline\":\"5 <IMG> CSS Properties You Should Know\",\"datePublished\":\"2017-09-18T15:01:18+00:00\",\"dateModified\":\"2025-04-03T18:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/\"},\"wordCount\":611,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/img-css-properties\\\/image-rendering.gif\",\"keywords\":[\"CSS\",\"CSS Tutorials\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/\",\"name\":\"5 CSS Properties You Should Know\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/img-css-properties\\\/image-rendering.gif\",\"datePublished\":\"2017-09-18T15:01:18+00:00\",\"dateModified\":\"2025-04-03T18:49:45+00:00\",\"description\":\"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/img-css-properties\\\/image-rendering.gif\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/img-css-properties\\\/image-rendering.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/img-css-properties\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 <IMG> CSS Properties You Should Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e981676afae36d1ff5feb75094950ab3\",\"name\":\"Preethi Ranjit\",\"description\":\"A .NET developer with a JavaScript background, Preethi is expert in front-end coding, JavaScript, HTML, and CSS.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/preethi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 CSS Properties You Should Know","description":"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages","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:\/\/www.hongkiat.com\/blog\/img-css-properties\/","og_locale":"en_US","og_type":"article","og_title":"5 <IMG> CSS Properties You Should Know","og_description":"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages","og_url":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-09-18T15:01:18+00:00","article_modified_time":"2025-04-03T18:49:45+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif","type":"","width":"","height":""}],"author":"Preethi Ranjit","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Preethi Ranjit","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/"},"author":{"name":"Preethi Ranjit","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e981676afae36d1ff5feb75094950ab3"},"headline":"5 <IMG> CSS Properties You Should Know","datePublished":"2017-09-18T15:01:18+00:00","dateModified":"2025-04-03T18:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/"},"wordCount":611,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif","keywords":["CSS","CSS Tutorials"],"articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/","url":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/","name":"5 CSS Properties You Should Know","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif","datePublished":"2017-09-18T15:01:18+00:00","dateModified":"2025-04-03T18:49:45+00:00","description":"There are CSS properties, such as background images, border images, masking, and clipping properties, with which you can directly add images to web pages","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/img-css-properties\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/img-css-properties\/image-rendering.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/img-css-properties\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 <IMG> CSS Properties You Should Know"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e981676afae36d1ff5feb75094950ab3","name":"Preethi Ranjit","description":"A .NET developer with a JavaScript background, Preethi is expert in front-end coding, JavaScript, HTML, and CSS.","url":"https:\/\/www.hongkiat.com\/blog\/author\/preethi\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-9TX","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/145"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=38065"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38065\/revisions"}],"predecessor-version":[{"id":73736,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/38065\/revisions\/73736"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=38065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=38065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=38065"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=38065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}