CSS - Text Properties

hstryk 2,664 views 10 slides Sep 17, 2013
Slide 1
Slide 1 of 10
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10

About This Presentation

No description available for this slideshow.


Slide Content

Css Text properties t ext from: http :// www.cssbasics.com / css -text-properties/

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 : c olor: value;

font-weight & font-style f ont-weight: bold; f ont-style: italic;

f ont-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.

l etter-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: n ormal letter-spacing: normal; l ength 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 .

t ext-align You can align text with the following: text-align: value; Possible values are: l eft r ight c enter justify

t ext-decoration You can decorate text with the following: text-decoration: value; Possible values are: n one u nderline o verline l ine-through Examples :

t ext-transform You can control the size of letters in an HTML element with the following: text-transform: value; Possible values are: n one c apitalize l owercase u ppercase

l ine-height The line-height property specifies the line height . line-height: value; Possible values are: n ormal n umber l ength %

w ord-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
Tags