{"id":2281,"date":"2020-09-24T11:30:55","date_gmt":"2020-09-24T11:30:55","guid":{"rendered":"https:\/\/support.itscope.hostpress.me\/?post_type=kb&#038;p=2281"},"modified":"2026-02-28T01:23:48","modified_gmt":"2026-02-27T23:23:48","slug":"technical-properties-in-html-format-htmlspecs","status":"publish","type":"kb","link":"https:\/\/guide.itscope.com\/en\/kb\/technical-properties-in-html-format-htmlspecs\/","title":{"rendered":"Technical properties in HTML format (htmlSpecs)"},"content":{"rendered":"\n<p>The <strong>htmlSpecs<\/strong> field in exports or API retrievals includes the technical specifications for a product. These can come from different <a href=\"https:\/\/guide.itscope.com\/en\/kb\/content-providers\/\">content providers<\/a> depending on the contract, e.g. 1WorldSync, Icecat, manufacturer or ITscope. Depending on the&nbsp;<a href=\"https:\/\/guide.itscope.com\/en\/kb\/content-providers\/\">content provider<\/a>, content may also be available in <a href=\"https:\/\/guide.itscope.com\/en\/kb\/content-in-different-languages\/\">different languages<\/a>.&nbsp;<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1\">Format of the field htmlSpecs<\/h2>\n\n\n\n<p>The format of the htmlSpecs is available in this form for all content providers.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><br>  &lt;Div id = \"HTML_SPEC\" class = \"ITSs\"&gt; <br>  &lt;Div class = \"ITSg\"&gt; General &lt;\/ div&gt; <br>  &lt;Div class = \"ITSr0\"&gt; <br>  &lt;Div class = \"ITSn\"&gt; Printer Type &lt;\/ div&gt; <br>  &lt;Div class = \"ITSv\"&gt; Workgroup Printer - LED Color &lt;\/ div&gt; <br>  &lt;\/ Div&gt; <br>  &lt;Div class = \"ITSg\"&gt; Printer &lt;\/ div&gt; <br>  &lt;Div class = \"ITSr0\"&gt; <br>  &lt;Div class = \"ITSn\"&gt; Print Speed \u200b\u200b&lt;\/ div&gt; <br>  &lt;Div class = \"ITSv\"&gt; Up to 24 ppm.  - b \/ w - Up to 22 ppm.  - color &lt;\/ div&gt; <br>  &lt;\/ Div&gt; <br>  &lt;Div class = \"ITSr1\"&gt; <br>  &lt;Div class = \"ITSn\"&gt; Connection technology &lt;\/ div&gt; <br>  &lt;Div class = \"ITSv\"&gt; Wired &lt;\/ div&gt; <br>  &lt;\/ Div&gt; <br>  &lt;Div class = \"ITSr0\"&gt; <br>  &lt;Div class = \"ITSn\"&gt; Interface &lt;\/ div&gt; <br>  &lt;Div class = \"ITSv\"&gt; USB, LAN &lt;\/ div&gt; <br>  &lt;\/ Div&gt; <br>  &lt;\/ Div&gt; <br>  &lt;\/ Div&gt; <\/pre>\n\n\n\n<p>By using css-styles, the respective CSS classes can be adapted depending on your own requirements.<\/p>\n\n\n\n<p>Here is an overview of the IDs and their meaning:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>CSS classes<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>ITSs<\/td><td>Section\/segment of the technical features, e.g. main features, full description<\/td><\/tr><tr><td>ITSg<\/td><td>Group of technical characteristics<\/td><\/tr><tr><td>ITSr0<\/td><td>Even row for a technical feature<\/td><\/tr><tr><td>ITSr1<\/td><td>Odd row for a technical feature<\/td><\/tr><tr><td>ITSn<\/td><td>Name of a technical feature<\/td><\/tr><tr><td>ITSv<\/td><td>Value of a technical feature<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sample CSS definition:&nbsp;<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;style&gt;<br>    .ITSs {<br>      display: table;<br>      border: 0px solid #000;<br>      width: 100%;<br>   }<br><br>   .ITSr1 {<br>      display: table-row;<br>      padding: 4px 20px;<br>   }<br><br>   .ITSr0 {<br>      display: table-row;<br>      padding: 4px 20px;<br>   }<br><br>   .ITSg {<br>      font-weight: bold;<br>      font-size: small;<br>      padding: 10px 20px;<br>      display: block;<br>   }<br><br>   .ITSn {<br>      display: table-cell;<br>      color: #555;<br>      vertical-align: top;<br>      border-top: 1px solid #eee;<br>      padding: 4px 20px;<br>      white-space: nowrap;<br>      overflow: hidden;<br>      width: 50%;<br>   }<br><br>   .ITSv {<br>      display: table-cell;<br>      color: #555;<br>      vertical-align: top;<br>      border-top: 1px solid #eee;<br>      padding: 4px 20px;<br>   }<br>&lt;\/style&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><br>Downloads<\/h2>\n\n\n\n<p>These two downloads contain a demo datasheet which uses CSS styles from above.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The htmlSpecs field in exports or API retrievals includes the technical specifications for a product. These can come from different content providers depending on the contract, e.g. 1WorldSync, Icecat, manufacturer &#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[184],"kbtag":[],"class_list":["post-2281","kb","type-kb","status-publish","hentry","kbtopic-product-content"],"_links":{"self":[{"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kb\/2281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/comments?post=2281"}],"version-history":[{"count":6,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kb\/2281\/revisions"}],"predecessor-version":[{"id":20196,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kb\/2281\/revisions\/20196"}],"wp:attachment":[{"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/media?parent=2281"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kbtopic?post=2281"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/guide.itscope.com\/en\/wp-json\/wp\/v2\/kbtag?post=2281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}