CSS TEXT PROPERTIES
text from: http://www.cssbasics.com/css-text-properties/
color
Possible values are:
• color name – example:(red, black…) color: blue;
• hexadecimal number – example:(#ff0000, #000...
font-weight & font-style
font-weight: bold;
font-style: italic;
font-family
The font-family property specifies the font for an element.
The font-family property can hold several font nam...
letter-spacing
You can adjust the space between letters in the following manner. Setting the
value to 0, prevents the text...
text-align
You can align text with the following:
text-align: value;
Possible values are:
• left
• right
• center
• justify
text-decoration
You can decorate text with the following:
text-decoration: value;
Possible values are:
• none
• underline
...
text-transform
You can control the size of letters in an HTML element with the following:
text-transform: value;
Possible ...
line-height
The line-height property specifies the line height.
line-height: value;
Possible values are:
• normal
• number...
word-spacing
You can adjust the space between words in the following manner. You
can use negative values.
word-spacing: va...
Upcoming SlideShare
Loading in...5
×

CSS - Text Properties

556

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
556
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS - Text Properties

  1. 1. CSS TEXT PROPERTIES text from: http://www.cssbasics.com/css-text-properties/
  2. 2. color Possible values are: • color name – example:(red, black…) color: blue; • hexadecimal number – example:(#ff0000, #000000) color: #000000; • RGB color code – example:(rgb(255, 0, 0), rgb(0, 0, 0)) You can set the color of text with the following: color: value;
  3. 3. font-weight & font-style font-weight: bold; font-style: italic;
  4. 4. font-family The font-family property specifies the font for an element. The font-family property can hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font. There are two types of font family names: family-name - The name of a font-family, like "times", "courier", "arial", etc. generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace". Start with the font you want, and always end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available. Note: Separate each value with a comma. Note: If a font name contains white-space, it must be quoted. Single quotes must be used when using the "style" attribute in HTML.
  5. 5. letter-spacing You can adjust the space between letters in the following manner. Setting the value to 0, prevents the text from justifying. You can use negative values. letter-spacing: value; Possible values are: • normal letter-spacing: normal; • length letter-spacing: 5px; Example: T h e s e l e t t e r s a r e s p a c e d a t 5 p x .
  6. 6. text-align You can align text with the following: text-align: value; Possible values are: • left • right • center • justify
  7. 7. text-decoration You can decorate text with the following: text-decoration: value; Possible values are: • none • underline • overline • line-through Examples:
  8. 8. text-transform You can control the size of letters in an HTML element with the following: text-transform: value; Possible values are: • none • capitalize • lowercase • uppercase
  9. 9. line-height The line-height property specifies the line height. line-height: value; Possible values are: • normal • number • length • %
  10. 10. word-spacing You can adjust the space between words in the following manner. You can use negative values. word-spacing: value; Possible values are: • normal • length
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×