Css Refrence
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Css Refrence as PDF for free.
More details
- Words: 1,000
- Pages: 4
Font | Color & Background | Text | Box | Classification | Positioning (CSS2)
font-family
[[ | ],]* [ | ]
all elements
yes
n/a
default: UA-specific font-style
normal | italic | oblique
all elements
yes
n/a
font-variant
normal | small-caps
all elements
yes
n/a
font-weight
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
all elements
yes
n/a
font-size
| | |
all elements
yes
relative to parent element's font size
all elements
yes
allowed on and
all elements
yes
n/a
default: medium font (shorthand property)
[ || || ]? [/]?
default: not defined
color
default: UA-specific background-color
transparent |
all elements
no
n/a
background-image
none |
all elements
no
n/a
background-repeat
repeat | repeat-x | repeat-y | norepeat
all elements
no
n/a
backgroundattachment
scroll | fixed
all elements
no
n/a
background-position
[ | ]{1,2} | [top | center | bottom] || [left | center | right]
block-level and replaced elements
no
refer to the size of the element itself
all elements
no
allowed on
default: 0% 0% background (shorthand property)
|| || || ||
default: not defined
word-spacing
normal |
all elements
yes
n/a
letter-spacing
normal |
all elements
yes
n/a
text-decoration
none | [underline || overline || line-
all elements
no
n/a
through || blink]
default: none vertical-align
baseline | sub | super | top | text-top | middle | bottom | text-bottom |
inline elements
no
refer to the 'line-height' of the element itself
text-transform
none | capitalize | uppercase | lowercase
all elements
yes
n/a
text-align
left | right | center | justify
block-level elements
yes
n/a
block-level elements
yes
refer to parent element's width
default: UA-specific text-indent
|
default: 0 line-height
normal | | |
all elements
yes
relative to the font size of the element itself
margin-top
| | auto
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
n/a
default: 0 margin-right
| | auto
default: 0 margin-bottom
| | auto
default: 0 margin-left
| | auto
default: 0 margin (shorthand property)
[ | | auto]{1,4}
default: not defined padding-top
|
default: 0 padding-right
|
default: 0 padding-bottom
|
default: 0 padding-left
|
default: 0 padding
[ | ]{1,4}
default: 0 border-top-width
medium | thin | thick |
border-right-width
medium | thin | thick |
all elements
no
n/a
border-bottom-width
medium | thin | thick |
all elements
no
n/a
border-left-width
medium | thin | thick |
all elements
no
n/a
border-width (shorthand property)
[thin | medium | thick |]{1,4}
all elements
no
n/a
all elements
no
n/a
border-style
none | dotted | dashed | solid | double all elements | groove | ridge | inset | outset
no
n/a
border-top (shorthand property)
|| || all elements
no
n/a
all elements
no
n/a
all elements
no
n/a
all elements
no
n/a
all elements
no
n/a
default: not defined border-color
{1,4}
default: the value of the 'color' property
default: not defined border-right (shorthand property)
|| ||
default: not defined border-bottom (shorthand property)
|| ||
default: not defined border-left (shorthand property)
|| ||
default: not defined border (shorthand property)
|| ||
default: not defined width
auto | |
block-level and replaced elements
no
refer to parent element's width
height
auto |
block-level and replaced elements
no
n/a
float
none | left | right
all elements
no
n/a
clear
none | left | right | both
all elements
no
n/a
display
block | inline | list-item | none
all elements
no
n/a
white-space
normal | pre | nowrap
block-level elements
yes
n/a
list-style-type
disc | circle | square | decimal | lower- elements with 'display' roman | upper-roman | lower-alpha | value 'list-item' upper-alpha | none
yes
n/a
list-style-image
none |
elements with 'display' value 'list-item'
yes
n/a
list-style-position
outside | inside
elements with 'display' value 'list-item'
yes
n/a
list-style (shorthand property)
|| <position> ||
elements with 'display' value 'list-item'
yes
n/a
default: not defined
position
static | absolute | relative
all elements
no
n/a
left
auto | |
elements with the 'position' property of type 'absolute' or 'relative'
no
refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined.
top
auto | |
elements with the 'position' property of type 'absolute' or 'relative'
no
refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined.
z-index
auto |
positional elements
no
n/a
width
auto | |
block-level and replaced elements, elements with 'position' property value of 'absolute'
no
refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined
height
auto | |
block-level and replaced elements, elements with 'position' property value of 'absolute'
no
refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined
clip
auto | <shape>
elements with the 'position' property of type 'absolute'
no
n/a
overflow
visible | hidden | scroll | auto
elements with the 'position' property of type 'absolute'
no
n/a
visibility
inherit | visible | hidden
all elements
if value is 'inherit'
n/a
font-family
[[
all elements
yes
n/a
default: UA-specific font-style
normal | italic | oblique
all elements
yes
n/a
font-variant
normal | small-caps
all elements
yes
n/a
font-weight
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
all elements
yes
n/a
font-size
all elements
yes
relative to parent element's font size
all elements
yes
allowed on
all elements
yes
n/a
default: medium font (shorthand property)
[
default: not defined
color
default: UA-specific background-color
transparent |
all elements
no
n/a
background-image
none |
all elements
no
n/a
background-repeat
repeat | repeat-x | repeat-y | norepeat
all elements
no
n/a
backgroundattachment
scroll | fixed
all elements
no
n/a
background-position
[
block-level and replaced elements
no
refer to the size of the element itself
all elements
no
allowed on
default: 0% 0% background (shorthand property)
default: not defined
word-spacing
normal |
all elements
yes
n/a
letter-spacing
normal |
all elements
yes
n/a
text-decoration
none | [underline || overline || line-
all elements
no
n/a
through || blink]
default: none vertical-align
baseline | sub | super | top | text-top | middle | bottom | text-bottom |
inline elements
no
refer to the 'line-height' of the element itself
text-transform
none | capitalize | uppercase | lowercase
all elements
yes
n/a
text-align
left | right | center | justify
block-level elements
yes
n/a
block-level elements
yes
refer to parent element's width
default: UA-specific text-indent
default: 0 line-height
normal |
all elements
yes
relative to the font size of the element itself
margin-top
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
refer to parent element's width
all elements
no
n/a
default: 0 margin-right
default: 0 margin-bottom
default: 0 margin-left
default: 0 margin (shorthand property)
[
default: not defined padding-top
default: 0 padding-right
default: 0 padding-bottom
default: 0 padding-left
default: 0 padding
[
default: 0 border-top-width
medium | thin | thick |
border-right-width
medium | thin | thick |
all elements
no
n/a
border-bottom-width
medium | thin | thick |
all elements
no
n/a
border-left-width
medium | thin | thick |
all elements
no
n/a
border-width (shorthand property)
[thin | medium | thick |
all elements
no
n/a
all elements
no
n/a
border-style
none | dotted | dashed | solid | double all elements | groove | ridge | inset | outset
no
n/a
border-top (shorthand property)
no
n/a
all elements
no
n/a
all elements
no
n/a
all elements
no
n/a
all elements
no
n/a
default: not defined border-color
default: the value of the 'color' property
default: not defined border-right (shorthand property)
default: not defined border-bottom (shorthand property)
default: not defined border-left (shorthand property)
default: not defined border (shorthand property)
default: not defined width
auto |
block-level and replaced elements
no
refer to parent element's width
height
auto |
block-level and replaced elements
no
n/a
float
none | left | right
all elements
no
n/a
clear
none | left | right | both
all elements
no
n/a
display
block | inline | list-item | none
all elements
no
n/a
white-space
normal | pre | nowrap
block-level elements
yes
n/a
list-style-type
disc | circle | square | decimal | lower- elements with 'display' roman | upper-roman | lower-alpha | value 'list-item' upper-alpha | none
yes
n/a
list-style-image
none |
elements with 'display' value 'list-item'
yes
n/a
list-style-position
outside | inside
elements with 'display' value 'list-item'
yes
n/a
list-style (shorthand property)
elements with 'display' value 'list-item'
yes
n/a
default: not defined
position
static | absolute | relative
all elements
no
n/a
left
auto |
elements with the 'position' property of type 'absolute' or 'relative'
no
refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined.
top
auto |
elements with the 'position' property of type 'absolute' or 'relative'
no
refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined.
z-index
auto |
positional elements
no
n/a
width
auto |
block-level and replaced elements, elements with 'position' property value of 'absolute'
no
refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined
height
auto |
block-level and replaced elements, elements with 'position' property value of 'absolute'
no
refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined
clip
auto | <shape>
elements with the 'position' property of type 'absolute'
no
n/a
overflow
visible | hidden | scroll | auto
elements with the 'position' property of type 'absolute'
no
n/a
visibility
inherit | visible | hidden
all elements
if value is 'inherit'
n/a
Related Documents
Css Refrence
November 2019 19
Refrence
April 2020 31
Testing Refrence
November 2019 14
Css
November 2019 69
Css
May 2020 44