{"id":74278,"date":"2020-01-17T12:05:55","date_gmt":"2020-01-17T06:35:55","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?p=74278"},"modified":"2024-04-12T14:23:24","modified_gmt":"2024-04-12T08:53:24","slug":"content-property-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/","title":{"rendered":"Content Property"},"content":{"rendered":"<p>It is a facility to insert content into a page using CSS and the content is not part of the page hence, not accessible by screen readers which read out the content of pages for visually handicapped. All browsers except IE 6 support it.<\/p>\n<p>It specifies generated content that can be displayed before or after an element and is used in conjunction with the :before and :after pseudo-elements. It\u2019s values are discussed as<\/p>\n<table width=\"537\">\n<tbody>\n<tr>\n<td width=\"115\"><strong>Value<\/strong><\/td>\n<td width=\"422\"><strong>Description<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"115\">none<\/td>\n<td width=\"422\">Sets the content, if specified, to nothing<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">normal<\/td>\n<td width=\"422\">Sets the content, if specified, to normal, which default is &#8220;none&#8221;<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">counter<\/td>\n<td width=\"422\">Sets the content as a counter<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">attr(attribute)<\/td>\n<td width=\"422\">Sets the content as one of the selector&#8217;s attribute<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">string<\/td>\n<td width=\"422\">Sets the content to the text you specify<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">open-quote<\/td>\n<td width=\"422\">Sets the content to be an opening quote<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">close-quote<\/td>\n<td width=\"422\">Sets the content to be a closing quote<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">no-open-quote<\/td>\n<td width=\"422\">Removes the opening quote from then content, if specified<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">no-close-quote<\/td>\n<td width=\"422\">Removes the closing quote from then content, if specified<\/td>\n<\/tr>\n<tr>\n<td width=\"115\">url(url)<\/td>\n<td width=\"422\">Sets the content to media like image, sound, video, etc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>The content property is used as<\/p>\n<p>p:before { content: url(images\/quote.gif); }<\/p>\n<p>p:after { content: close-quote; }<\/p>\n<p>li:before { content: &#8220;&gt;&gt;&#8221;; }<\/p>\n<p>This property is used when printing web pages to print the URL of the links on a webpage as in printing web pages by default, the URLs of links are not printed.<\/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 is a facility to insert content into a page using CSS and the content is not part of the page hence, not accessible by screen readers which read out the content of pages for visually handicapped. All browsers except IE 6 support it. It specifies generated content that can be displayed before or after&#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":[1852],"class_list":["post-74278","page","type-page","status-publish","hentry","category-css3","tag-content-property"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Content 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\/content-property-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Content Property - Tutorial\" \/>\n<meta property=\"og:description\" content=\"It is a facility to insert content into a page using CSS and the content is not part of the page hence, not accessible by screen readers which read out the content of pages for visually handicapped. All browsers except IE 6 support it. It specifies generated content that can be displayed before or after...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/content-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:24+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/\",\"name\":\"Content Property - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2020-01-17T06:35:55+00:00\",\"dateModified\":\"2024-04-12T08:53:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content 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":"Content 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\/content-property-2\/","og_locale":"en_US","og_type":"article","og_title":"Content Property - Tutorial","og_description":"It is a facility to insert content into a page using CSS and the content is not part of the page hence, not accessible by screen readers which read out the content of pages for visually handicapped. All browsers except IE 6 support it. It specifies generated content that can be displayed before or after...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:53:24+00:00","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/","name":"Content Property - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2020-01-17T06:35:55+00:00","dateModified":"2024-04-12T08:53:24+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/content-property-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Content 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\/74278","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=74278"}],"version-history":[{"count":4,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/74278\/revisions"}],"predecessor-version":[{"id":85720,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/74278\/revisions\/85720"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=74278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=74278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=74278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}