Index:
[0x00] STYLE/RULE FORM
[0x01] AT_RULES
[0x10] PROPERTIES
[0x1000] Background Properties
[0x1001] Box Model
[0x1010] Box Properties
[0x1011] Font/Text Properties
[0x1100] List Properties
[0x1101] Table Properties
STYLE/RULE FORM:
===================================
<at-rules>;
<selector> [<selectors>]{
<property-name>: <property-value[s]>;
}
AT-RULES: (from css3_selectors)
===================================
@charset "ISO-8859-1";
Specify the encoding of the CSS file
@import url("printing.css") print
Import additional css file 'printing.css' for print media
@page :first { margin: 10cm; }
Sets content margins on the first 'page' to 10cm; see also :left and :right.
@media screen, print { body { font-size: 10pt } }
Set font size for body element for print and screen media
In CSS 3 Web Fonts Module:
@font-face {
font-family: "My Helvetica"; src: url(my_helvetica.ttf) format("truetype");
}
Load the font "My Helvetica" from the URL.
In CSS 3 Namespaces Module:
@namespace "http://www.w3.org/1999/xhtml";
@namespace svg "http://www.w3.org/2000/svg";
The default namespace sets to the XHTML URI, the 'svg' prefix maps SVG URI
In CSS 3 Paged Media Module:
@page :left { @bottom-left-corner { content: counter(page); } }
@page :right { @bottom-right-corner { content: counter(page); } }
Print page numbers on the outside bottom corners of (printed) pages.
SELECTORS:(from css3_selectors)
===================================
For element E:
E[attr^="val"] Attribute value which begins with "val"
E[attr$="val"] ... which ends with "val"
E[attr*="val"] ... with the substring "val"
E:root Only if root of document
E:nth-child(n) Only if also the nth child of its parent
E:nth-last-child(n) ... counting from the end
E:nth-of-type(n) The n-th E element sibling
E:nth-last-of-type(n) ... counting from the end
E:last-child Only if last child (first-child is in CSS2)
E:first-of-type First E element sibling
E:last-of-type Last E element sibling
E:only-child If only child of parent
E:only-of-type If only child of type E of parent
E:empty With no text or element children
E:target Identified by browser via fragment identifier
E:enabled User interface element which is enabled
E:disabled ... which is disabled
E:checked ... which is checked (checkbox / radio button)
E::selection ... portion selected/highlighted by user.
E:not(S1) Not matching additional selector S1
E ~ F With sibling F following (not immediately)
PROPERTIES:
======================================
=== [0x1000] Background Properties ===
background: [one or more of the following values]
background-color: <color>
background-image: url(/path/to/image.png)
background-repeat: repeat | repeat-x | repeat-y | no-repeat
background-attachment: inherit | scroll | fixed
background-position-x: <length>| left | right |center
background-position-y: <length>| top | bottom |middle
background-position: <background-position-x> <background-position-y>
========= [0x1001] Box Model =========
+-----------------------------------------------------+
: :
: _______________________________________________ :
: | _____________________________________________ | :
: || || :
: || || :
: || +-------------------------------------+ || :
: || | | || :
: || | Content (width x height) | || :
: || | | || :
: || +-------------------------------------+ || :
: || Padding (background) || :
: ||_____________________________________________|| :
: |___________________Border______________________| :
: :
: Margin (transparent) :
+-----------------------------------------------------+
Area = (width,height) + padding + border + margin
====== [0x1010] Box Properties =======
border: border-style border-color border-width
border-bottom: border-bottom-color border-bottom-style border-bottom-width
border-bottom-color: <color>
border-bottom-style: dashed | dotted | inset | outset | solid
border-bottom-width: <length>
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
==== [0x1011] Font/Text Properties ===
====== [0x1100] List Properties ======
====== [0x1101] Table Properties =====
accelerator
azimuth
behavior
bottom
C
caption-side
clear
clip
color
content
counter-increment
counter-reset
cue
cue-after
cue-before
cursor
D/E
direction
display
elevation
empty-cells
F
filter
float
font
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
H/I
height
ime-mode
include-source
L
layer-background-color
layer-background-image
layout-flow
layout-grid
layout-grid-char
layout-grid-char-spacing
layout-grid-line
layout-grid-mode
layout-grid-type
left
letter-spacing
line-break
line-height
list-style
list-style-image
list-style-position
list-style-type
M
margin
margin-bottom
margin-left
margin-right
margin-top
marker-offset
marks
max-height
max-width
min-height
min-width
-moz-binding
-moz-border-radius
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft
-moz-border-top-colors
-moz-border-right-colors
-moz-border-bottom-colors
-moz-border-left-colors
-moz-opacity
-moz-outline
-moz-outline-color
-moz-outline-style
-moz-outline-width
-moz-user-focus
-moz-user-input
-moz-user-modify
-moz-user-select
O
orphans
outline
outline-color
outline-style
outline-width
overflow
overflow-X
overflow-Y
P
padding
padding-bottom
padding-left
padding-right
padding-top
page
page-break-after
page-break-before
page-break-inside
pause
pause-after
pause-before
pitch
pitch-range
play-during
position
Q/R
quotes
-replace
richness
right
ruby-align
ruby-overhang
ruby-position
S
-set-link-source
size
speak
speak-header
speak-numeral
speak-punctuation
speech-rate
stress
scrollbar-arrow-color
scrollbar-base-color
scrollbar-dark-shadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-3d-light-color
scrollbar-track-color
T
table-layout
text-align
text-align-last
text-decoration
text-indent
text-justify
text-overflow
text-shadow
text-transform
text-autospace
text-kashida-space
text-underline-position
top
U/V
unicode-bidi
-use-link-source
vertical-align
visibility
voice-family
volume
W/Z
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode
z-index
zoom