VisiBone Style Sheet Examples

Style Sheet Examples

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">

<li style="list-style:upper-alpha" >
<li style="list-style:lower-alpha" >
<li style="list-style:upper-roman" >
<li style="list-style:decimal" >
<li style="list-style:disc" >
<li style="list-style:circle inside" >
<li style="list-style:square outside" >
<li style="list-style:url('bullet.jpg') inside" >

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;">
--------------------------------