  

Cascading Style Sheets (CSS 3)

BACKGROUND BORDER BOX MODEL

background  border-top  float 

 
  height 
 
 border-top-color  

border-top-style  max-height 


 border-top-w idth  

background-attachment 
max-w idth 
border-w idth  
background-break 
 

border-radius  min-height 
background-clip 
 

 



min-w idth 
border-top-right-radius  
background-color 
 
border-bottom-right-radius 
background-image  w idth 
border-bottom-left-radius  


background-origin  border-top-left-radius 
 margin 
box-shadow  
background-position   
  

border-style  margin-bottom 

 

 



margin-left 
FONT  
background-repeat 

 font 
 margin-right 
background-size 
 

 


 margin-top 
BORDER
 
border   

font-family  padding 

 
border-break   
 
 font-size 
 padding-bottom 

 
border-bottom  
 padding-left 

  

font-size-adjust  padding-right 

border-bottom-color 
 
border-bottom-style  padding-top 
font-stretch 
 
border-bottom-w idth 

 marquee-direction 

border-collapse   marquee-loop 
 
border-color  
marquee-play-count 
border-image  font-style  
 
 marquee-speed 
 font-variant 
 marquee-style 
font-w eight 
border-left   overflow 
  
  

border-left-color  BOX MODEL 

border-left-style  clear  overflow -style 


border-left-w idth  display 
  overflow -x 
 
border-right   
 
  overflow -y 
 
border-right-color   

border-right-style  rotation 

border-right-w idth  
rotation-point 
 

visibility 

  

  

Cascading Style Sheets (CSS 3)

TEXT TEMP LATE LAY OUT SP EECH
direction  box-align  voice-family 

hanging-punctuation  
 box-direction 
voice-rate 
letter-spacing  box-flex  
 
 box-flex-group 
voice-pitch 
punctuation-trim  box-lines 

 
box-orient 
text-align   
 voice-pitch-range 
box-pack 
text-align-last  
 box-sizing  

text-decoration  voice-stress 
 tab-side  

text-emphasis  TABLE voice-volume 

 
border-collapse  
text-indent  
 border-spacing 
LI ST & MARKERS 
text-justify  caption-side 
 list-style 
 empty-cells  

text-outline  table-layout 
 list-style-image 
 SP EECH 

text-shadow  cue  list-style-position 

 
 list-style-type 
cue-before  
text-transform   
  
 
text-w rap   
 
cue-after  
unicode-bidi   
  
 
w hite-space 
 


mark 
w hite-space-collapse 
 marker-offset 


mark-before 
w ord-break 
 ANI MATI ONS
mark-after 
w ord-spacing  animation 
 pause  
  

w ord-w rap  pause-before  
 
COLUMN 
 animation-delay 
column-count 
 pause-after  animation-direction 

column-fill   animation-duration 

column-gap  animation-iteration-count 
 phonemes  

column-rule  rest  animation-name 

 
 animation-play-state 
rest-before 
column-rule-color   animation-timing-function 
 
column-rule-style   

column-rule-w idth  rest-after 
  TRANSI TI ONS

columns  transition 

 
speak  
column-span  

column-w idth  
transition-delay 

voice-balance 
transition-duration 
COLOR 
 transition-property 
color 
 voice-duration  transition-timing-function 

opacity  
 

  

  

Cascading Style Sheets (CSS 3)

GRI D P OSI TI ONI NG GENERATED CONTENT LI NE BOX
grid-columns  hyphenate-after  line-height 
  
 
hyphenate-before  
grid-row s  
 line-stacking 
 hyphenate-character  
 
OUTLI NE 
hyphenate-lines  line-stacking-strategy 
outline   
 
 hyphenate-resource 
 line-stacking-ruby 
outline-color 
 hyphens  line-stacking-shift 
image-resolution  
outline-offset 
  text-height 
marks  
outline-style 
 vertical-align 
move-to 
 


outline-w idth  
page-policy 
 
quotes 
3D / 2D TRANSFORM  HY P ERLI NK

backface-visibility  target 
string-set 
 
perspective 


text-replace 
 target-name 
perspective-origin 


LI NE BOX 

 target-new 
 alignment-adjust 
  target-position 
  
 
 P OSI TI ONI NG
transform  
  bottom 
  
 
 alignment-baseline 
  clip 
  
 
 left 
transform-origin   
 
 baseline-shift 
 position 
 
 
 right 
dominant-baseline 
 

 

transform-style  
top 


GENERATED CONTENT  
bookmark-label  drop-initial-after-align 
z-index 
 
drop-initial-after-adjust 


RUBY
bookmark-level  
  ruby-align 
 
bookmark-target   
 
 drop-initial-before-align 
 ruby-overhang 
border-length 
 drop-initial-before-adjust  ruby-position 

content   ruby-span 
 

counter-increment 
 drop-initial-value 

counter-reset 
 drop-initial-size 

crop  
 
display  inline-box-align 

float-offset 

  

  

Cascading Style Sheets (CSS 3)

P AGED MEDI A

fit 

fit-position 




image-orientation 


orphans 

page 


page-break-after 


page-break-before 


page-break-inside 

size 


w indow s 

UI

appearance 













cursor 







icon 


nav-index 


nav-up 



nav-right 



nav-dow n 



nav-left 



resize 


∞ Values in italics are place holders for an actual value (like 1px,
1em, 1%), values in normal text are values that can be used as
the actual value
∞ CSS Properties in are shorthand properties and each
value must be defined. The exception is where the property can
define from one to four of the sides of a box element property
(Top-Right-Bottom-Left) - i.e. border-width

  

  

Cascading Style Sheets (CSS 3)

P SEUDO-CLASS UNI TS SELECTOR TY P ES

:active  ABSOLUTE MEASUREMENT Name I nfo Example

:focus  %  Universal  


cm  Type  
:visited   
in 
:hover  Grouping  
 mm   

:link 
pc 
Class  
:disabled   
 pt 

RELATI VE MEASUREMEN T  
:enabled  
 
ch 
:checked   
 
Id  
:selection  em   
  
 
ex  
:lang  
gd 

 Descendant  
px   
:nth-child(n)  rem  
 
vh  
:nth-last-child(n)  
 vw  
 
vm 
:first-child   Child  
  
ANGLES 
:last-child  
 deg 

grad  
:only-child 
 Adjacent  
rad 
Sibling  
:nth-of-type(n) 
turn  


TI ME 
:nth-last-of-type(n) 
 
ms 
 
s 
:last-of-type  General  
 FREQUENCY Sibling  

:first-of-type  Hz  
 
kHz  
:only-of-type  
 COLORS

:empty  color name 
Attribute  
  
rgb(x,y,z) 
 
:root 
rgb(x% ,y% ,z% )   


:not(x)  rgba(x,y,z, alpha)  
 
#rrggbb  
:target   
 
hsl(hue, saturation,  
P SEUDO-ELEMENT lightness) 

::first-letter  hsla(hue, saturation, 

 lightness, alpha)

::first-line  flavor  
  
 
::before   
 
currentColor  
::after   
 


  