Home
Web Development
Short Contents
IntroductionCSS Basics
Selectors
Terminology
Media Types
Paged Media
Aural Media
Colours
Fonts
Text
Blocks
Lists & counters
Tables
Miscellaneous
Full Contents
Introduction
Changes from CSS1Other CSS sites
Download this Guide
CSS Basics
Setting StylesUsing external files
...media dependant
Setting Style values
Comments
Inheritance
Selectors
...by class...by id
...contextual
...all elements
...if a child
...adjacent elements
...by attributes
Psuedo Classes
...<A> links
:hover
:active
:focus
:lang
:firstchild
Psuedo Elements
...first line
...first letter
...:before and :after
...inserting content
Terminology
Cascades"! important"
CSS element model
Block elements
Guide Terminology
Units
...lengths
...colours
Media Types
...giving style...supported types
Paged Media
marginspage size
crop marks
left, right, first pages
page break before
page break after
page break inside
page names
orphaned content
widowed content
Aural Media
volumespeak
pausebefore
pauseafter
pause
cuebefore
cueafter
cue
playduring
azimuth
elevation
speech rate
voice family
average pitch
pitch range
stress
richness
punctuation
numbers
table headers
Colours
Foreground colourBackground
...-color
...-image
...-repeat
...-attachment
...-position
Fonts
Font...-family
...-style
...-variant
...-weight
...-size
...-sizeadjust
...-stretch
Text
word-spacingletter-spacing
text-decoration
text-shadow
vertical-align
text-transform
text-align
text-indent
line-height
quotes
Blocks
individual marginsall margins
individual padding
all padding
border widths
all border-widths
border-color
border-style
individual borders
all borders
width
min width
max width
height
min height
max height
float
clear
position
...where
layered position
text direction
bidirectional override
line height
vertical align
overflow
clipping
visibility
Lists & counters
list-stylelist-style-type
list-style-image
list-style-position
marker offset
resetting counters
incrementing counters
nesting counters
counter appearance
displaying counters
Tables
caption positionlayout method
border display
border spacing
empty cells
Miscellaneous
DisplayRun-in boxes
whitespace
cursors
outline
outline width
outline style
outline colour
Tables
caption-side
Used to set the position of a table's caption with respect to the table.| Value | top | bottom | left | right | inherit |
| Initial | top |
| Used with | table-caption elements |
| Inherited | yes |
| Example | caption {caption-side : left} |
table-layout
Used to select the algorithm which is used to draw the table.| Value | auto | fixed | inherit |
| Initial | auto |
| Used with | table elements |
| Inherited | no |
| Example | table {table-layout : fixed} |
Fixed algorithm is faster, since it divides up unused space to determine column widths, rather than adjusting widths to obtain optimal appearance.The
Auto algorithm requires the entire table to be downloaded before it is displayed, but often provides a better appearance.border-collapse
| Value | collapse | seperate | inherit |
| Initial | collapse |
| Used with | table elements |
| Inherited | yes |
| Example | table {border-collapse : seperate} |
seperate value gives each cell its own border, with the border-spacing property (described below) giving the seperation of the borders.
border-spacing
Specifies the space between borders when used with separated borders.| Value | length [length] | inherit |
| Initial | 0 |
| Used with | table elements |
| Inherited | yes |
| Example | table {border-spacing : 0.5em 0.5em} |
empty-cells
Controls the drawing of borders around cells with no visibele content, when used with seperated borders.| Value | show | hide | inherit |
| Initial | show |
| Used with | table cell elements |
| Inherited | yes |
| Example | table {border-spacing : 0.5em 0.5em} |
(C)opyright, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy.