Front End Scripts Articles - Page 13 of 60

To set the whitespace between text, use the white-space property. Possible values are normal, pre, nowrap.ExampleYou can try to run the following code to set the whitespace between text in CSS:                            This text has a line break and the white-space pre setting tells the browser to honor          it just like the HTML pre tag.    

Use the text-transform property to set the cases for a text. Possible values are none, capitalize, uppercase, lowercase.ExampleYou can try to run the following code to set the cases for a text:                            This will be capitalized                      This will be in uppercase                      This will be in lowercase          

The text-shadow property is used to set the text shadow around a text.ExampleYou can try to run the following code to implement text-shadow property:                            Indian is a country in continent Asia.          

The color property is used to set the color of text. You can try to run the following code to learn how to work with the color property in CSS:Example                            This text will be written in blue.          

The white-space property is used to control the flow and formatting of text.ExampleYou can try to run the following code to implement white-space property to control the flow of text:                            This text has a line break and the white-space pre setting tells the browser to honor          it just like the HTML pre tag.    

To convert text to uppercase with CSS, use the text-transform property with value uppercase.ExampleYou can try to run the following code to convert text to uppercase:                   Normal Text                Normal Text! This will be in uppercase!          

The text-shadow property is used to set the text shadow around a text. You can try to run the following code to set the text-shadow property:Example                            If your browser supports the CSS text-shadow property, this text will have a red shadow.          

The white-space property is used to control the flow and formatting of text.ExampleYou can try to run the following code to implement white-space property:                            This text has a line break and the white-space pre setting tells the browser to honor          it just like the HTML pre tag.    

To capitalize text with CSS, use the capitalize property. You can try to run the following code to capitalize text:                            India          

To convert text to lowercase with CSS, we will be using the lowercase value of text-transform property. Example In this example, we are using text-transform property and displaying the result as before and after the conversion using p tag. #lcase{ text-transform:lowercase; } Convert Text ... Read More