Cascading Style Sheet for text display
Color settings in text
CSS can be applied to adjust the color of the text. Text color settings with CSS can use the color values as follows
HEX value for example, "# ff0000"
RGB value for example, "RGB (255,0,0)"
the name of the color is for example "red"
The writing format for giving color to text using CSS is as follows:
selector {color: "value color";}
Setting spaces between characters / letter spacing
Space settings are used to adjust the distance between characters in the text. Format writing CSS for letter spacing: selector {letter spacing: "value";}
Setting the shape of the text / text decoration form
Text decoration settings aim to set or eliminate existing text decorations. The format for writing CSS for text decoration is as follows:
selector {text-decoration: "value";}
Spacing between words
Used to set the spacing between words in HTML. The word spacing writing format is: selector {word-spacing: "value";}
Setting the distance of indent paragraph / text
Indent text is used to set the indent distance from the first row. Format for writing indent text css: selector {text-indent: "value";}
Change of uppercase and lowercase letters of a text / text-transform
Used to change the letters in a sentence, whether they consist of all capital letters, all lowercase letters or with capital letters in each word. Format for writing text transform: selector {text-transform: "value";}
Giving shadow effect to text / text shadow
Used to give a shadow effect to the text. Format for writing the CSS text shadow: selector {text-shadow: "coordinate X" "coordinate Y" "color";}
Text alignment settings
Used to adjust horizontal alignment in text. If you want to set vertical alignment, the text-alignment property is changed to vertical-alignment. Format for writing the CSS text alignment: selector {text-align: "value";}
example Make a web page as follows
Save the file with the name color.html
Make a web page as follows
Save the file with the name l-spacing.html
Make a web page as follows
Save the file as decor.html
Make a web page as follows
Save as w-spacing.html
Make a web page as follows
Save the file with the name text-indent.html
Make a web page as follows
Save the file as text-transform.html
Make a web page as follows
Save the file with the name text-shadow.html
Make a web page as follows
Simpan dengan nama text-alignment.html
CSS can be applied to adjust the color of the text. Text color settings with CSS can use the color values as follows
HEX value for example, "# ff0000"
the name of the color is for example "red"
The writing format for giving color to text using CSS is as follows:
selector {color: "value color";}
Setting spaces between characters / letter spacing
Space settings are used to adjust the distance between characters in the text. Format writing CSS for letter spacing: selector {letter spacing: "value";}
Setting the shape of the text / text decoration form
Text decoration settings aim to set or eliminate existing text decorations. The format for writing CSS for text decoration is as follows:
Spacing between words
Used to set the spacing between words in HTML. The word spacing writing format is: selector {word-spacing: "value";}
Setting the distance of indent paragraph / text
Indent text is used to set the indent distance from the first row. Format for writing indent text css: selector {text-indent: "value";}
Change of uppercase and lowercase letters of a text / text-transform
Used to change the letters in a sentence, whether they consist of all capital letters, all lowercase letters or with capital letters in each word. Format for writing text transform: selector {text-transform: "value";}
Giving shadow effect to text / text shadow
Used to give a shadow effect to the text. Format for writing the CSS text shadow: selector {text-shadow: "coordinate X" "coordinate Y" "color";}
Text alignment settings
Used to adjust horizontal alignment in text. If you want to set vertical alignment, the text-alignment property is changed to vertical-alignment. Format for writing the CSS text alignment: selector {text-align: "value";}
example Make a web page as follows
0 Response to "Cascading Style Sheet for text display"
Post a Comment