{"id":14067,"date":"2011-09-05T20:48:05","date_gmt":"2011-09-06T03:48:05","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=14067"},"modified":"2021-04-23T09:19:19","modified_gmt":"2021-04-23T16:19:19","slug":"list-style","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/almanac\/properties\/l\/list-style\/","title":{"rendered":"list-style"},"content":{"rendered":"\n<p>The <code>list-style<\/code> property is a shorthand property that sets values for three different list-related properties in one declaration:<\/p>\n\n\n\n<pre rel=\"CSS\" class=\"wp-block-csstricks-code-block language-css\" data-line=\"\"><code markup=\"tt\">ul {\n  list-style: &lt;list-style-type> || &lt;list-style-position> || &lt;list-style-image>;\n}<\/code><\/pre>\n\n\n\n<p>Here&#8217;s an example of the syntax:<\/p>\n\n\n\n<pre rel=\"CSS\" class=\"wp-block-csstricks-code-block language-css\" data-line=\"\"><code markup=\"tt\">ul {\n  list-style: square outside none;\n}<\/code><\/pre>\n\n\n\n<p>Which would be the same as the following longhand version:<\/p>\n\n\n\n<pre rel=\"CSS\" class=\"wp-block-csstricks-code-block language-css\" data-line=\"\"><code markup=\"tt\">ul {\n  list-style-type: square;\n  list-style-position: outside;\n  list-style-image: none;\n}<\/code><\/pre>\n\n\n\n<p>In the shorthand, if any values are omitted, they will revert to their initial state.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"values-for-liststyletype\">Values for <code>list-style-type<\/code><\/h3>\n\n\n<p>The <code>list-style-type<\/code> property defines the type of list by setting the content of each marker, or bullet, on the list. Acceptable keyword values for <code>list-style-type<\/code> include:<\/p>\n\n\n\n<ul><li><code>disc<\/code><\/li><li><code>circle<\/code><\/li><li><code>square<\/code><\/li><li><code>decimal<\/code><\/li><li><code>decimal-leading-zero<\/code><\/li><li><code>lower-roman<\/code><\/li><li><code>upper-roman<\/code><\/li><li><code>lower-greek<\/code><\/li><li><code>lower-latin<\/code><\/li><li><code>upper-latin<\/code><\/li><li><code>armenian<\/code><\/li><li><code>georgian<\/code><\/li><li><code>lower-alpha<\/code><\/li><li><code>upper-alpha<\/code><\/li><li><code>none<\/code><\/li><\/ul>\n\n\n\n<p>MDN <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/list-style-type\" rel=\"noopener\">has<\/a> a more complete list. Non-keyword values <a href=\"http:\/\/dev.w3.org\/csswg\/css-lists\/#list-style-type\" rel=\"noopener\">were introduced in CSS3<\/a>, and are starting to see some support, like:<\/p>\n\n\n\n<pre rel=\"CSS\" class=\"wp-block-csstricks-code-block language-css\" data-line=\"\"><code markup=\"tt\">ul {\n  list-style-type: \"\u2192\";\n}<\/code><\/pre>\n\n\n\n<p>The following demo includes a group of unordered lists to demonstrate each keyword value:<\/p>\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_fKjFL\" src=\"\/\/codepen.io\/anon\/embed\/fKjFL?height=450&amp;theme-id=1&amp;slug-hash=fKjFL&amp;default-tab=result\" height=\"450\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed fKjFL\" title=\"CodePen Embed fKjFL\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n\n\n\n<p>The <code>list-style-type<\/code> property applies to all lists, and to any element that is set to <code>display: list-item<\/code>.<\/p>\n\n\n\n<p>The color of the list marker will be whatever the computed color of the element is (set via the <code>color<\/code> property).<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"values-for-liststyleposition\">Values for <code>list-style-position<\/code><\/h3>\n\n\n<p>The <code>list-style-position<\/code> property defines where to position the list marker, and it accepts one of two values: <code>inside<\/code> or outside. These are demonstrated below with the <code>padding<\/code> removed from the lists and a left red border added:<\/p>\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_tIEKG\" src=\"\/\/codepen.io\/anon\/embed\/tIEKG?height=450&amp;theme-id=1&amp;slug-hash=tIEKG&amp;default-tab=result\" height=\"450\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed tIEKG\" title=\"CodePen Embed tIEKG\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"values-for-liststyleimage\">Values for <code>list-style-image<\/code><\/h3>\n\n\n<p>The <code>list-style-image<\/code> property determines whether the list marker is set with an image, and accepts a value of &#8220;none&#8221; or a URL that points to the image:<\/p>\n\n\n\n<pre rel=\"CSS\" class=\"wp-block-csstricks-code-block language-css\" data-line=\"\"><code markup=\"tt\">ul {\n  list-style-image: url(images\/bullet.png);\n}<\/code><\/pre>\n\n\n<h3 class=\"wp-block-heading\" id=\"more-demos\">More Demos<\/h3>\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_DCEzd\" src=\"\/\/codepen.io\/anon\/embed\/DCEzd?height=450&amp;theme-id=1&amp;slug-hash=DCEzd&amp;default-tab=result\" height=\"450\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed DCEzd\" title=\"CodePen Embed DCEzd\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"browser-support\">Browser support<\/h3>\n\n\n<figure class=\"wp-block-table ticss-84477dcf\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">IE<\/th><th class=\"has-text-align-center\" data-align=\"center\">Edge<\/th><th class=\"has-text-align-center\" data-align=\"center\">Firefox<\/th><th class=\"has-text-align-center\" data-align=\"center\">Chrome<\/th><th class=\"has-text-align-center\" data-align=\"center\">Safari<\/th><th class=\"has-text-align-center\" data-align=\"center\">Opera<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Works<\/td><td class=\"has-text-align-center\" data-align=\"center\">Works<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table ticss-84477dcf\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Android Chrome<\/th><th class=\"has-text-align-center\" data-align=\"center\">Android Firefox<\/th><th class=\"has-text-align-center\" data-align=\"center\">Android Browser<\/th><th class=\"has-text-align-center\" data-align=\"center\">iOS Safari<\/th><th class=\"has-text-align-center\" data-align=\"center\">Opera Mobile<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Yes<\/td><td class=\"has-text-align-center\" data-align=\"center\">Works<\/td><\/tr><\/tbody><\/table><figcaption>Source: <a href=\"https:\/\/caniuse.com\/mdn-css_properties_list-style\" rel=\"noopener\">caniuse<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"is-style-explanation\">Internet Explorer 6 and 7 don&#8217;t support all the keyword values for <code>list-style-type<\/code> and also have a bug where floated list items do not display their list marker. This is resolved by using a background image (instead of <code>list-style-image<\/code>) on the list items.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-more-information\">More information<\/h3>\n\n\n    \t\t\n    <div class=\"in-article-cards\">\n      <article class=\"in-article-card article\" id=\"mini-post-14067\">\n\n  <time datetime=\"2018-05-18\" title=\"Originally published Sep 5, 2011\">\n    <strong>\n                \n        Article\n      <\/strong>\n\n    on\n\n    Jan 26, 2022  <\/time>\n\n  <h3>\n    <a href=\"https:\/\/css-tricks.com\/css-counters-custom-list-number-styling\/\">\n      Using CSS Counters for Custom List Number Styling    <\/a>\n  <\/h3>\n\n  \n      <div class=\"tags\">\n      <a href=\"https:\/\/css-tricks.com\/tag\/list-style\/\" rel=\"tag\">list-style<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-position\/\" rel=\"tag\">list-style-position<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-type\/\" rel=\"tag\">list-style-type<\/a>    <\/div>\n  \n  <div class=\"author-row\">\n    <a href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\" aria-label=\"Author page of Chris Coyier\">\n      <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=80&#038;d=retro&#038;r=pg' srcset='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=160&#038;d=retro&#038;r=pg 2x' class='avatar avatar-80 photo' height='80' width='80' \/>    <\/a>\n  \n    <a class=\"author-name\" href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\">\n      Chris Coyier    <\/a>\n  <\/div>\n\n<\/article>\n<article class=\"in-article-card article\" id=\"mini-post-14067\">\n\n  <time datetime=\"2020-05-05\" title=\"Originally published Sep 5, 2011\">\n    <strong>\n                \n        Article\n      <\/strong>\n\n    on\n\n    May 5, 2020  <\/time>\n\n  <h3>\n    <a href=\"https:\/\/css-tricks.com\/list-style-recipes\/\">\n      List Style Recipes    <\/a>\n  <\/h3>\n\n  \n      <div class=\"tags\">\n      <a href=\"https:\/\/css-tricks.com\/tag\/list-style\/\" rel=\"tag\">list-style<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-position\/\" rel=\"tag\">list-style-position<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-type\/\" rel=\"tag\">list-style-type<\/a>    <\/div>\n  \n  <div class=\"author-row\">\n    <a href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\" aria-label=\"Author page of Chris Coyier\">\n      <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=80&#038;d=retro&#038;r=pg' srcset='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=160&#038;d=retro&#038;r=pg 2x' class='avatar avatar-80 photo' height='80' width='80' \/>    <\/a>\n  \n    <a class=\"author-name\" href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\">\n      Chris Coyier    <\/a>\n  <\/div>\n\n<\/article>\n<article class=\"in-article-card article\" id=\"mini-post-14067\">\n\n  <time datetime=\"2011-12-05\" title=\"Originally published Sep 5, 2011\">\n    <strong>\n                \n        Article\n      <\/strong>\n\n    on\n\n    Dec 8, 2011  <\/time>\n\n  <h3>\n    <a href=\"https:\/\/css-tricks.com\/numbering-in-style\/\">\n      Numbering In Style    <\/a>\n  <\/h3>\n\n  \n      <div class=\"tags\">\n      <a href=\"https:\/\/css-tricks.com\/tag\/list-style\/\" rel=\"tag\">list-style<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-position\/\" rel=\"tag\">list-style-position<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-type\/\" rel=\"tag\">list-style-type<\/a>    <\/div>\n  \n  <div class=\"author-row\">\n    <a href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\" aria-label=\"Author page of Chris Coyier\">\n      <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=80&#038;d=retro&#038;r=pg' srcset='https:\/\/secure.gravatar.com\/avatar\/8081b26e05bb4354f7d65ffc34cbbd67?s=160&#038;d=retro&#038;r=pg 2x' class='avatar avatar-80 photo' height='80' width='80' \/>    <\/a>\n  \n    <a class=\"author-name\" href=\"https:\/\/css-tricks.com\/author\/chriscoyier\/\">\n      Chris Coyier    <\/a>\n  <\/div>\n\n<\/article>\n    <\/div>\n  \n\n\n<h3 class=\"wp-block-heading\" id=\"related-properties\">Related properties<\/h3>\n\n\n    \t\t\n    <div class=\"in-article-cards\">\n      <article class=\"in-article-card \" id=\"mini-post-14067\">\n\n  <time datetime=\"2011-09-05\" title=\"Originally published Sep 5, 2011\">\n    <strong>\n                \n      Almanac\n      <\/strong>\n\n    on\n\n    Oct 15, 2021  <\/time>\n\n  <h3>\n    <a href=\"https:\/\/css-tricks.com\/almanac\/properties\/d\/display\/\">\n      display    <\/a>\n  <\/h3>\n\n      <a href=\"https:\/\/css-tricks.com\/almanac\/properties\/d\/display\/\" class=\"almanac-example\">\n      <code class=\"language-css\">.element { display: inline-block; }<\/code>\n    <\/a>\n  \n      <div class=\"tags\">\n      <a href=\"https:\/\/css-tricks.com\/tag\/list-style\/\" rel=\"tag\">list-style<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-position\/\" rel=\"tag\">list-style-position<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-type\/\" rel=\"tag\">list-style-type<\/a>    <\/div>\n  \n  <div class=\"author-row\">\n    <a href=\"https:\/\/css-tricks.com\/author\/saracope\/\" aria-label=\"Author page of Sara Cope\">\n      <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/84da92f298e5b124d92fb581b82cfdf4?s=80&#038;d=retro&#038;r=pg' srcset='https:\/\/secure.gravatar.com\/avatar\/84da92f298e5b124d92fb581b82cfdf4?s=160&#038;d=retro&#038;r=pg 2x' class='avatar avatar-80 photo' height='80' width='80' \/>    <\/a>\n  \n    <a class=\"author-name\" href=\"https:\/\/css-tricks.com\/author\/saracope\/\">\n      Sara Cope    <\/a>\n  <\/div>\n\n<\/article>\n<article class=\"in-article-card \" id=\"mini-post-14067\">\n\n  <time datetime=\"2015-08-03\" title=\"Originally published Sep 5, 2011\">\n    <strong>\n                \n      Almanac\n      <\/strong>\n\n    on\n\n    Apr 23, 2021  <\/time>\n\n  <h3>\n    <a href=\"https:\/\/css-tricks.com\/almanac\/selectors\/m\/marker\/\">\n      ::marker    <\/a>\n  <\/h3>\n\n      <a href=\"https:\/\/css-tricks.com\/almanac\/selectors\/m\/marker\/\" class=\"almanac-example\">\n      <code class=\"language-css\"><\/code>\n    <\/a>\n  \n      <div class=\"tags\">\n      <a href=\"https:\/\/css-tricks.com\/tag\/list-style\/\" rel=\"tag\">list-style<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-position\/\" rel=\"tag\">list-style-position<\/a> <a href=\"https:\/\/css-tricks.com\/tag\/list-style-type\/\" rel=\"tag\">list-style-type<\/a>    <\/div>\n  \n  <div class=\"author-row\">\n    <a href=\"https:\/\/css-tricks.com\/author\/geoffgraham\/\" aria-label=\"Author page of Geoff Graham\">\n      <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/1a1b5ca4b139c0c8caaea26ef437d943?s=80&#038;d=retro&#038;r=pg' srcset='https:\/\/secure.gravatar.com\/avatar\/1a1b5ca4b139c0c8caaea26ef437d943?s=160&#038;d=retro&#038;r=pg 2x' class='avatar avatar-80 photo' height='80' width='80' \/>    <\/a>\n  \n    <a class=\"author-name\" href=\"https:\/\/css-tricks.com\/author\/geoffgraham\/\">\n      Geoff Graham    <\/a>\n  <\/div>\n\n<\/article>\n    <\/div>\n  \n","protected":false},"excerpt":{"rendered":"<p>The list-style property is a shorthand property that sets values for three different list-related properties in one declaration: Here&#8217;s an example of the syntax: Which would be the same as the following longhand version: In the shorthand, if any values are omitted, they will revert to their initial state. Values for list-style-type The list-style-type property [&hellip;]<\/p>\n","protected":false},"author":1036,"featured_media":0,"parent":13933,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-almanac-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[14487,14490,14488],"acf":[],"jetpack-related-posts":[{"id":13677,"url":"https:\/\/css-tricks.com\/snippets\/css\/triangular-list-bullets\/","url_meta":{"origin":14067,"position":0},"title":"Triangular List Bullets","date":"August 18, 2011","format":false,"excerpt":"ul { margin: 0.75em 0; padding: 0 1em; list-style: none; } li::before { content: \"\"; border-color: transparent #111; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 0.9em; position: relative; } That's a rather old-timey approach. These days you might consider how easy\u2026","rel":"","context":"With 20 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":205997,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/m\/marker\/","url_meta":{"origin":14067,"position":1},"title":"::marker","date":"August 3, 2015","format":false,"excerpt":"The\u00a0::marker\u00a0pseudo-element is for styling the stylistic marker of a list element. For example, the bullet point of a default <ul> (e.g. \u2022) or the numeral of a default <ol> (e.g. 1.). This makes it extremely easy to do simple things like colorize them. CodePen Embed Fallback Like a pseudo-element, you'll\u2026","rel":"","context":"With 7 comments","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/02\/CleanShot-2021-02-15-at-07.00.59@2x.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":244389,"url":"https:\/\/css-tricks.com\/almanac\/properties\/s\/speak\/","url_meta":{"origin":14067,"position":2},"title":"speak","date":"March 10, 2017","format":false,"excerpt":"The speak property in CSS is for specifying if a browser should speak the content it reads, such as through a screen reader. .module { speak: never; speak-as: spell-out; } Values for speak auto: As long as the element is not display: block and is visibility: visible, text will be\u2026","rel":"","context":"In \"accessibility\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":375761,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/h\/has\/","url_meta":{"origin":14067,"position":3},"title":":has()","date":"December 19, 2022","format":false,"excerpt":"The CSS :has() pseudo-class selects elements that contain other elements that match the selector passed into its arguments. It's often referred to as \"the parent selector\" because of its ability to select a parent element based on the child elements it contains and apply styles to the parent. \/* Select\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":332764,"url":"https:\/\/css-tricks.com\/video-screencasts\/202-centered-list-markers\/","url_meta":{"origin":14067,"position":4},"title":"#202: Centered List Markers","date":"January 15, 2021","format":false,"excerpt":"Like so many things CSS, there is all sorts of little stuff to know, even something as minuscule as centering a list marker. A reader wrote in with a screenshot of what they were trying to accomplish \u2014 basically an ordered list (<ol>) with the list markers (1., 2., 3.,\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/01\/centered-list-markers.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":288037,"url":"https:\/\/css-tricks.com\/snippets\/css\/unordered-list-as-a-timeline\/","url_meta":{"origin":14067,"position":5},"title":"Unordered List as a Timeline","date":"May 20, 2019","format":false,"excerpt":"A refreshingly simple (yet crafty) way to create a vertical timeline using a straight-up, semantic unordered list () from Peter Cooper. ol { list-style-type: none; } li { position: relative; margin: 0; padding-bottom: 1em; padding-left: 20px; } li:before { content: ''; background-color: #c00; position: absolute; bottom: 0px; top: 0px; left:\u2026","rel":"","context":"With 12 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14067"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/1036"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=14067"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14067\/revisions"}],"predecessor-version":[{"id":339286,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/14067\/revisions\/339286"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13933"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=14067"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=14067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}