liquidicity
liquidicity CSS Help Sheet.
CSS Help Sheet.
Syntax This Needs a Diagram Shorthand
Syntax
height; width; background
height
selector {property: value;} margin-top; border
margin-right; border-bottom
External Style Sheet
width
margin-bottom; border-left
margin-left; border-right
href= style.css />
padding-top; border-top
Internal Style padding-right; font
padding-bottom; list-style

Comments
Inline Style
Border
/* Comments */
border-width Width of the border
border-style dashed; dotted; double; groove; inset;
Pseudo
outset; ridge; solid; none;
General
Selectors
border-color Colour of the border
class String preceded by a full stop [.]
:hover
ID String preceded by a hash [#]
:active
Position
:focus
div Formats structure or block of text
:link
clear If any floating elements around the element
span Inline formatting
:visited
both, left, right, none
color Foreground colour
:first-line
float Floats to a specified side
:first-letter
cursor Appearance of the cursor
left, right, none
display block; inline; list-item; none
Media Types
left The left position of an element
overflow How to handle content that auto, length values [pt, in, cm, px]
all
overflows its box.
top The top position of an element braille
visible, hidden, scroll, auto
auto, length values [pt, in, cm, px] embossed
handheld
visibility visible, hidden
position static, relative, absolute
print
z-index Above or below overlapping elements
projection
Font
auto, integer [higher numbers on top]
screen
font-style italic, normal
speech
Background tty
font- normal, small-caps
tv
variant
background-color Colour of background
font- bold, normal, lighter, bolder, Units
background-image Background image
weight integer [100-900]
background-repeat repeat, no-repeat, repeat-x, repeat-y Length
%
font-size Size of the font
background- Background image scrolls with element
em
attachment scroll, fixed
font-family Specific font[s] to be used.
pt
background- (x y), top, center, bottom, left, right
px
Text position
Keywords
bolder
letter-spacing Space between letters
List
lighter
line-height Vertical space between baselines
larger
list-style- Type of bullet or numbering in the list
text-align Horizontal alignment
type disc; circle; square; decimal; lower-roman;
text- blink, line-through, none,
upper-roman; lower-alpha; upper-alpha; none
decoration overline, underline
list-style- Position of the bullet or number in a list
text-indent First line indentation
position inside; outside
text- capitalise, lowercase, uppercase
list-style- Image to be used as the bullet in the list
transform
image
vertical-align Vertical alignment
word-spacing Spacing between words
© 2007 Go Squared Ltd.