{"id":416,"date":"2022-05-24T20:34:09","date_gmt":"2022-05-24T20:34:09","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=416"},"modified":"2022-05-24T20:34:11","modified_gmt":"2022-05-24T20:34:11","slug":"css-text","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/css-text\/","title":{"rendered":"CSS Text"},"content":{"rendered":"<p style=\"text-align: center;\">Text Related Properties<\/p>\n<p><span style=\"font-size: revert; background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--wp--preset--font-family--system-font);\">We are often dealing with some text, when we are on some webpage, or even if we are creating some webpage. Often we would need to do some different things with the text on our web pages, like changing the color of the text, playing with the alignment of the text, or playing with the casing(uppercase, lowercase, etc). <\/span><\/p>\n<p><span style=\"font-size: revert; background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-family: var(--wp--preset--font-family--system-font);\">Playing with the space between the lines of the text, and much more. We are going to explore some different properties related to the text.<\/span><\/p>\n<p>Here are some of the text related properties &#8211;<\/p>\n<ul>\n<li>color \u2192<br \/>\nAs the name of the property says, we are going to set the color of the text, using the color property<\/li>\n<li>text-align \u2192<br \/>\nWith the text-align property, we are going to set the alignment of the text. By this, we are just going to set whether the text is going to be left-aligned, center-aligned, right-aligned, or justified<\/li>\n<li>text-decoration \u2192<br \/>\nAs the name of the property says, the text-decoration property is used to set or remove the decoration from the text. Decoration means simply some underline for the text, overline or the line through from the text<\/li>\n<li>text-transform \u2192<br \/>\nThis property is used for specifying how to capitalize the text for the element. It can be uppercase, lowercase, or even capitalized<\/li>\n<li>text-indent \u2192<br \/>\nAs the name of the property says, it defines the indent of the first line of the text<\/li>\n<li>letter-spacing \u2192<br \/>\nThe property is used to define the spacing between the letters in the text<\/li>\n<li>text-shadow \u2192<br \/>\nAs the name of the property says, we use this property for setting up the shadow for the text.<\/li>\n<\/ul>\n<p>Now, we are going to discuss some of the different properties related to the text, and we would have some examples to understand those properties as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Text Related Properties We are often dealing with some text, when we are on some webpage, or even if we are creating some webpage. Often we would need to do some different things with the text on our web pages, like changing the color of the text, playing with the alignment of the text, or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[9,13],"class_list":{"0":"post-416","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-css-tutorial","7":"tag-css","8":"tag-css-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":3,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/416\/revisions"}],"predecessor-version":[{"id":1426,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/416\/revisions\/1426"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}