Uncle Jim's CSS-P Tutorials: CSS-P Style Properties

This is a continuation in a series of articles by Jim Stiles.

This is a collection various style properties you can assign to each element, object or property.

| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

BackGround Styles
  

  
  

  

  

  


| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

Text Styles
Set the text color:


Secify spacing between characters:


Text alignment:


Text decoration:


Indent text:


Control letters:



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

FONT STYLES
Set text font:


Set text size:


Set text style:


Set font variant:


Set boldness:


Set all properties:



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

Border Styles
Set all four borders:


Set different borders on each side:


Set the color of the four borders


Set bottom border width


Set all border widths


Set all border properties



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

Margin Styles
Setting the Left Margin


Setting the Right Margin


Setting the Top Margin


Setting the Bottom Margin


Setting All Margins


 

| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

Padding Styles
Setting the Padding


Increase line spacing



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING | JavaScripts |

Image Styles
Align images vertically


Placing elements behind other elements



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

Link Styles
Hyperlink Colors


Other Link Styles



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

pseudo-element Styles
Enlarge first letter of paragraph


First Line styles


Highlight paragraph:



| TOP | BACKGROUNDS | TEXT | FONT | BORDERS | MARGINS | PADDING | IMAGES | LINKS | SPACING |

More coming soon



The next section contains answers to the most commonly asked questions about CSS

<<< Previous | HOME | Next >>>