{"id":74242,"date":"2020-01-17T11:51:27","date_gmt":"2020-01-17T06:21:27","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?p=74242"},"modified":"2024-04-12T14:23:22","modified_gmt":"2024-04-12T08:53:22","slug":"list-style-type-property-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/","title":{"rendered":"List-Style-Type Property"},"content":{"rendered":"<p>It changes the style of the bullet or format of the number that precedes each list item. Its values are discussed as<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"162\"><strong>Value<\/strong><\/td>\n<td width=\"400\"><strong>Description<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"162\">armenian<\/td>\n<td width=\"400\">The marker is traditional Armenian numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">circle<\/td>\n<td width=\"400\">The marker is a circle<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">cjk-ideographic<\/td>\n<td width=\"400\">The marker is plain ideographic numbers<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">decimal<\/td>\n<td width=\"400\">The marker is a number. This is default for &lt;ol&gt;<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">decimal-leading-zero<\/td>\n<td width=\"400\">The marker is a number with leading zeros (01, 02, 03, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">disc<\/td>\n<td width=\"400\">The marker is a filled circle. This is default for &lt;ul&gt;<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">georgian<\/td>\n<td width=\"400\">The marker is traditional Georgian numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">hebrew<\/td>\n<td width=\"400\">The marker is traditional Hebrew numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">hiragana<\/td>\n<td width=\"400\">The marker is traditional Hiragana numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">hiragana-iroha<\/td>\n<td width=\"400\">The marker is traditional Hiragana iroha numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">katakana<\/td>\n<td width=\"400\">The marker is traditional Katakana numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">katakana-iroha<\/td>\n<td width=\"400\">The marker is traditional Katakana iroha numbering<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">lower-alpha<\/td>\n<td width=\"400\">The marker is lower-alpha (a, b, c, d, e, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">lower-greek<\/td>\n<td width=\"400\">The marker is lower-greek<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">lower-latin<\/td>\n<td width=\"400\">The marker is lower-latin (a, b, c, d, e, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">lower-roman<\/td>\n<td width=\"400\">The marker is lower-roman (i, ii, iii, iv, v, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">none<\/td>\n<td width=\"400\">No marker is shown<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">square<\/td>\n<td width=\"400\">The marker is a square<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">upper-alpha<\/td>\n<td width=\"400\">The marker is upper-alpha (A, B, C, D, E, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">upper-latin<\/td>\n<td width=\"400\">The marker is upper-latin (A, B, C, D, E, etc.)<\/td>\n<\/tr>\n<tr>\n<td width=\"162\">upper-roman<\/td>\n<td width=\"400\">The marker is upper-roman (I, II, III, IV, V, etc.)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>It is used as<\/p>\n<p>ul.circle {list-style-type:circle}<\/p>\n<p>ul.square {list-style-type:square}<\/p>\n<p>ol.upper-roman {list-style-type:upper-roman}<\/p>\n<p>ol.lower-alpha {list-style-type:lower-alpha}<\/p>\n<p>The list-style-type has the value of \u2018disc\u2019 as the default value for unordered list and \u2018decimal\u2019 for unordered list on a web page. It gives option to change an ordered list to a list using Roman numerals for markers, or a bulleted list to one using squares instead of circles for markers.<\/p>\n<p><strong>Unordered Lists Styling<\/strong> \u2013 It has four styles for its list bullets consisting of disc , circle , square and none . The default value is disc and all major browsers support these values.<\/p>\n<p><strong>Ordered Lists Styling<\/strong> &#8211; The number preceding the list items in an ordered list can be formatted<\/p>\n<p>with the keywords consisting armenian , cjk-ideographic , decimal , decimal-leading-zero , georgian , hebrew , hiragana , hiragana-iroha , inherit , katakana , katakana-iroha , lower-alpha , lower-greek , lower-latin , lower-roman , none , upper-alpha , upper-latin , upper-roman.<\/p>\n<p>But support for the full range of list styles varies amongst different web browsers.<\/p>\n<h5 id=\"block-07feabc5-3923-4122-ba70-f7cf1db64a8f\" class=\"block-editor-block-list__block wp-block is-selected rich-text block-editor-rich-text__editable is-hovered wp-block\" tabindex=\"0\" role=\"textbox\" contenteditable=\"true\" aria-label=\"Write heading\u2026\" aria-multiline=\"true\" data-block=\"07feabc5-3923-4122-ba70-f7cf1db64a8f\" data-type=\"core\/heading\" data-title=\"Heading\">Go To-\u00a0<a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/certified-css3-developer\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Certified CSS3 Developer<\/strong>\u00a0<strong>Tutorial<\/strong><\/a><\/h5>\n","protected":false},"excerpt":{"rendered":"<p>It changes the style of the bullet or format of the number that precedes each list item. Its values are discussed as Value Description armenian The marker is traditional Armenian numbering circle The marker is a circle cjk-ideographic The marker is plain ideographic numbers decimal The marker is a number. This is default for &lt;ol&gt;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8568],"tags":[1834],"class_list":["post-74242","page","type-page","status-publish","hentry","category-css3","tag-list-style-type-property"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>List-Style-Type Property - Tutorial<\/title>\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.vskills.in\/certification\/tutorial\/list-style-type-property-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"List-Style-Type Property - Tutorial\" \/>\n<meta property=\"og:description\" content=\"It changes the style of the bullet or format of the number that precedes each list item. Its values are discussed as Value Description armenian The marker is traditional Armenian numbering circle The marker is a circle cjk-ideographic The marker is plain ideographic numbers decimal The marker is a number. This is default for &lt;ol&gt;...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:53:22+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/\",\"name\":\"List-Style-Type Property - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2020-01-17T06:21:27+00:00\",\"dateModified\":\"2024-04-12T08:53:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"List-Style-Type Property\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"List-Style-Type Property - Tutorial","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.vskills.in\/certification\/tutorial\/list-style-type-property-2\/","og_locale":"en_US","og_type":"article","og_title":"List-Style-Type Property - Tutorial","og_description":"It changes the style of the bullet or format of the number that precedes each list item. Its values are discussed as Value Description armenian The marker is traditional Armenian numbering circle The marker is a circle cjk-ideographic The marker is plain ideographic numbers decimal The marker is a number. This is default for &lt;ol&gt;...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:53:22+00:00","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/","name":"List-Style-Type Property - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2020-01-17T06:21:27+00:00","dateModified":"2024-04-12T08:53:22+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/list-style-type-property-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"List-Style-Type Property"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/74242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=74242"}],"version-history":[{"count":4,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/74242\/revisions"}],"predecessor-version":[{"id":85696,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/74242\/revisions\/85696"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=74242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=74242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=74242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}