Style Sheet Examples

What's so new about it?Click for a closer lookDetails and discounts on the HTML FoldoutsBuy the HTML Foldouts A free public service by VisiBone. Here are some cascading style sheet examples. See the start tag that makes it happen decorated in its own style.  <span ...>  To use it, just cut and paste the start tag. Don't forget the end-tag.  </span>  For example:
<span style="color:red">cherry</span>
looks like this:
cherry
See the VisiBone Styles Foldout up close for a complete CSS Cascading Style Sheets reference.


<span style="background-color:#FFCCCC;">
<span style="background-image:url('grid.gif')" >
<span style="border:black solid 1px;">

<span style="color:red;">
<span style="cursor:wait;" > (hover cursor to see the hourglass)
<span style="font:bold italic 16px serif;" >
<span style="font-size:17px;" >
<span style="font-family:Arial,Helvetica,sans-serif;" >
<span style="font-style:italic;" >
<span style="font-variant:small-caps;" >
<span style="font-weight:bold;" >
<span style="text-decoration:underline;">
<span style="letter-spacing:3px">
horizontal alignment:
<div style= "text-align: left;">
(for paragraphs and table cells)

positioning offset: <span style="position:relative;top:0px;left:0px;"> <span style="position:absolute;top:0px;left:0px;"> <span style="position:absolute;top:0px;right:0px;">
superscripting and subscripting:<span style="vertical-align:super;"> 
--------------------------------
<span style="line-height:22px;">
--------------------------------

COLOR/FONT   HTML/CSS    JAVASCRIPT    MAP    SQL    PHP      prices  store  shipping+customs
    articles  tnar  about  contact  @  home
   ——  PRODUCTS  ——   
Color Lab  Swatches  Color Codes  Color Wheel  Color Blindness  CMYK  Popups  Font Survey
HTML Tags  Style Sheet  Characters  JavaScript  Regular Expressions  Country Codes  Typing Tutor

 ———  FREE ONLINE SERVICES  ———

© 2008 VisiBone