CSS Reference Manuals

Positioning positioning

• Position
• Z-index
• Top
• Right
• Bottom
• Left
• Clip

Layout layouts

• Display
• Float
• Clear
• Visibility
• Overflow
• Overflow-x
• Overflow-y

Size Dimension

• Width
• Min-width
• Max-width
• Height
• Min-height
• Max-height

Outer filler Margin

• Margin
• Margin-top
• Margin-right
• Margin-bottom
• Margin-left

Internal Filler Padding

• Padding
• Padding-top
• Padding-right
• Padding-bottom
• Padding-left

Border Border

• Border
• Border-width
• Border-style
• Border-color
• Border-top
• Border-top-width
• Border-top-style
• Border-top-color
• Border-right
• Border-right-width
• Border-right-style
• Border-right-color
• Border-bottom
• Border-bottom-width
• Border-bottom-style
• Border-bottom-color
• Border-left
• Border-left-width
• Border-left-style
• Border-left-color
• Border-radius
• Border-top-left-radius
• Border-top-right-radius
• Border-bottom-right-radius
• Border-bottom-left-radius
• Box-shadow
• Border-image
• Border-image-source
• Border-image-slice
• Border-image-width
• Border-image-outset
• Border-image-repeat

Background Background

• Background
• Background-color
• Background-image
• Background-repeat
• Background-attachment
• Background-position
• Background-origin
• Background-clip
• Background-size

Colour color

• Color
• Opacity

Fonts Font

• Font
• Font-style
• Font-variant
• Font-weight
• Font-size
• Font-family
• Font-stretch
• Font-size-adjust

Textual text

• Text-transform
• White-space
• Tab-size
• Word-break
• Word-wrap
• Overflow-wrap
• Text-align
• Text-align-last
• Text-justify
• Word-spacing
• Letter-spacing
• Text-indent
• Vertical-align
• Line-height
• Text-size-adjust

Text decoration Decoration

• Text-decoration
• Text-decoration-line
• Text-decoration-color
• Text-decoration-style
• Text-decoration-skip
• Text-underline-position
• Text-shadow

Writing mode Writing Modes

• Direction
• Unicode-bidi
• Writing-mode

Lists List

• List-style
• List-style-image
• List-style-position
• List-style-type

Form table Table

• Table-layout
• Border-collapse
• Border-spacing
• Caption-side
• Empty-cells

Content contents

• Content
• Counter-increment
• Counter-reset
• Quotes

UI User Interface

• Appearance
• Text-overflow
• Outline
• Outline-width
• Outline-style
• Outline-color
• Outline-offset
• Nav-index
• Nav-up
• Nav-right
• Nav-down
• Nav-left
• Cursor
• Zoom
• Box-sizing
• Resize
• Ime-mode
• User-select
• Pointer-events

Multi-column Multi-column

• Columns
• Column-width
• Column-count
• Column-gap
• Column-rule
• Column-rule-width
• Column-rule-style
• Column-rule-color
• Column-span
• Column-fill
• Column-break-before
• Column-break-after
• Column-break-inside

Telescopic Box flexible box (old)

• Box-orient
• Box-pack
• Box-align
• Box-flex
• Box-flex-group
• Box-ordinal-group
• Box-direction
• Box-lines

Telescopic Box flexible box (new)

• Flex
• Flex-grow
• Flex-shrink
• Flex-basis
• Flex-flow
• Flex-direction
• Flex-wrap
• Align-content
• Align-items
• Align-self
• Justify-content
• Order

Convert Transform

• Transform
• Transform-origin
• Transform-style
• Perspective
• Perspective-origin
• Backface-visibility

Transition Transition

• Transition
• Transition-property
• Transition-duration
• Transition-timing-function
• Transition-delay

Animation Animation

• Animation
• Animation-name
• Animation-duration
• Animation-timing-function
• Animation-delay
• Animation-iteration-count
• Animation-direction
• Animation-play-state
• Animation-fill-mode

Print Printing

• Page
• Page-break-before
• Page-break-after
• Page-break-inside

Media Query Medium Queries

• Width
• Height
• Device-width
• Device-height
• Orientation
• Aspect-ratio
• Device-aspect-ratio
• Color
• Color-index
• Monochrome
• Resolution
• Scan
• Grid

Only IE

• Scrollbar-3dlight-color
• Scrollbar-darkshadow-color
• Scrollbar-highlight-color
• Scrollbar-shadow-color
• Scrollbar-arrow-color
• Scrollbar-face-color
• Scrollbar-track-color
• Scrollbar-base-color
• Filter
• Behavior

Only Firefox

• Border-colors
• Border-top-colors
• Border-right-colors
• Border-bottom-colors
• Border-left-colors

Only Webkit

• Text-fill-color
• Text-stroke
• Text-stroke-width
• Text-stroke-color
• Box-reflect
• Tap-highlight-color
• User-drag

Elements Selector Element Selectors

• *
• E
• E#id
• E.class

Relationship selector Relationship Selectors

• B!
• E>f
• E+f
• E~f

Property Selector Attribute Selectors

• E[att]
• E[att= "Val"]
• E[att~= "Val"]
• E[att^= "Val"]
• E[att$= "Val"]
• E[att*= "Val"]
• E[att|= "Val"]

Pseudo-class selector pseudo-classes selectors

• E:link
• e:visited
• E:hover
• E:active
• E:focus
• E:lang (FR)
• E:not (s)
• E:root
• E:first-child
• E:last-child
• E:only-child
• E:nth-child (N)
• E:nth-last-child (N)
• E:first-of-type
• E:last-of-type
• E:only-of-type
• E:nth-of-type (N)
• E:nth-last-of-type (N)
• E:empty
• E:checked
• E:enabled
• E:disabled
• E:target
• @page: First
• @page: Left
• @page: Right

Pseudo-Object Selector Pseudo-element selectors

• E:first-letter/e::first-letter
• E:first-line/e::first-line
• E:before/e::before
• E:after/e::after
• E::p Laceholder
• E::selection

Grammar and rule rules and Syntax

• !important
• Comment
• @import
• @charset
• @media
• @font-face
• @page
• @keyframes
• @supports

Length value and unit length Data Types and Units

• <length>
• Em
• Ex
• Ch
• Rem
• vw
• Vh
• Vmax
• Vmin
• Cm
• Mm
• Q
• Inch
• Pt
• Pc
• Px

Angle value and unit Angle Data Types and Units

• <angle>
• Deg
• Grad
• Rad
• Turn

Time value vs. Types and Units

• <time>
• S
• Ms

Frequency value and unit Frequency Data Types and Units

• <frequency>
• Hz
• KHz

Special layout values and units layout-specific Data Types and Units

• <fraction>
• <grid>
• Fr
• Gr

Resolution value with unit Resolution Data Types and Units

• <resolution>
• Dpi
• Dpcm
• Dppx

Colour Value Color Data Types

• <color>
• Color Name
• HEX
• Rgb
• RGBA
• Hsl
• HSLA
• Transparent
• CurrentColor

Text Value Textual Data Types

• Inherit
• Initial
• unset
• <string>
• <url>
• <identifier>

Function value functional notations Data Types

• Calc ()
• Toggle ()

Generate content Values contents notations Data Types

• Counter ()
• Counters ()
• attr ()

Image value Images Data Types

• <image>
• Image ()
• Image-set ()
• <gradient>
• Linear-gradient ()
• Radial-gradient ()
• Repeating-linear-gradient ()
• Repeating-radial-gradient ()

Numeric value Numeric Data Types

• <number>
• <integer>
• <percentage>

Appendix Appendix

• Color keywords (color Keywords)
• Media Type (Types)

Common CSS Hack

• Condition hack
• Attribute-level hack
• Selector level hack

Questions and Experiences

• Reference Resource List
• Bugs and Solutions
• Skills and experience
• Other experience

Manual Address: http://www.css88.com/book/css/

CSS Reference Manuals