This document provides an overview of CSS properties for controlling the visual formatting of HTML elements. It lists properties for styling boxes, text, visual effects like borders, positioning elements, paging, tables, fonts, and interfaces. It also describes CSS selectors for applying styles to different elements based on type, class, ID, and relationship in the DOM tree.

1. Boxes Paging
css
margin * size
margin-top marks
margin-right page-break-before
margin-bottom page-break-after
margin-left page-break-inside
page
padding * orphans
padding-top widows
padding-right
padding-bottom /* Comment */ Visible Area Width Color / Background
padding-left @media type { color
* background
selector {
border * background-color
border-top * property: values; background-image
border-bottom * } background-repeat
border-right * } background-attachment
(Media type optional)
border-left * background-position
border-color * Fonts
border-top-color * font
border-right-color Styles apply to: font-family
border-bottom-color * All elements font-style
border-left-color font-variant
div <div>
font-weight
div * Elements within <div> Height Border Padding Margin
border-style * font-stretch
border-top-style div span <span> within <div> font-size
border-right-style div, span <div> and <span> font-size-adjust
border-bottom-style
div > span <span> with <div> as
border-left-style Text
parent px Pixels text-indent
border-width * div + span <span> preceded by em 1em equal to font size of text-align
border-top-width <div> ... </div> text-decoration
parent (same as 100%)
border-right-width text-shadow
.class Elements of class "class" ex Height of lower case "x"
border-bottom-width letter-spacing
border-left-width div.class <div> of class "class" % Percentage word-spacing
#itemid Element with id "itemid" in Inches text-transform
Positioning div#itemid <div> with id "itemid" cm white-space
Centimeters
display
a[class] <a> with class attribute mm Millimeters
position Tables
top a[class='x'] <a> when class is "x" pt 1pt = 1/72in caption-side
right a[class~='x'] <a> when class is a list pc 1pc = 12pt table-layout
bottom of space-seperated values #789abc border-collapse
RGB Hex Notation
left border-spacing
and one of those is 'x' #acf Equates to "#aaccff"
float empty-cells
clear a[lang|='en'] <a> when lang begins rgb(0,25,50) Value (0 to 255) of each speak-header
z-index with "en" of red, green, and blue.
direction Interface
May also be percentages
unicode-bidi cursor
overflow 0 0 requires no unit * outline
clip outline-width
visibility Styles apply to: outline-style
:first-child First child of element outline-color
Dimensions :first-line azimuth list-style
First line of element
width border-collapse list-style-image Aural
min-width :first-letter First letter of element volume
:hover Element when mouse over border-spacing list-style-position
max-width speak
height :active Active element caption-side list-style-type * pause
min-height :focus color orphans pause-before
Element with focus
max-height cursor page pause-after
line-height :link Non-active, unvisited * cue
links without mouse over. direction page-break-inside
vertical-align cue-before
:visited Visited links empty-cells quotes cue-after
Miscellaneous :lang(lang) Element with text of font speak play-during
content font-family speak-header azimuth
quotes language "lang" elevation
font-stretch text-align
counter-reset speech-rate
counter-increment font-size text-indent voice-family
marker-offset font-size-adjust text-transform pitch
list-style * font-style volume pitch-range
all projection
list-style-type stress
braille screen font-variant white-space
list-style-image richness
list-style-position embossed speech font-weight widows speak-punctuation
handheld tty letter-spacing word-spacing speak-numeral
Shorthand properties
print tv line-height Available free from
are marked with *
ILoveJackDaniels.com