All css css3 Properties references

Css3 animation properties

propertydescriptioncss
animation

a shorthand property for animation.

3
animation-direction

whether or not the animation should play in reverse or alternate cycle.

3
animation-delaywhen the animation will start.3
animation-durationhow many seconds an animation takes to complete one cycle.3
animation-iteration-countspecifies the number of times an animation should be played.3
animation-namea name for the @keyframes animation.3
animation-play-statestate which indicate the animation is running or paused.3
animation-timing-functionspecifies the speed curve of the animation.3
animation-fill-modeCSS property is used to controls the state of animated properties before and after an animation.3

Css background properties

propertydescriptioncss
background

sets all the background properties in one declaration.

1
background-color

sets background-color of an element.

1
background-image

sets background-image for an element.

1
background-attachment

whether a background is fixed or scroll with page.

1
background-position

sets the position of an element.

1
background-repeat

sets how a background image will repeated.

1
background-size

specifies the size of the background images.

3
background-clip

indicate the painting area of the background.

3
background-origin

specifies the positioning area of the background images

3

Css border properties

propertydescriptioncss
border

it used to set all border properties in one declaration.

1
border-bottom

sets all the bottom border properties in one declaration.

1
border-bottom-style

sets the style of the bottom border.

1
border-bottom-width

sets the width of the bottom border.

1
border-bottom-color

sets the color of the bottom border.

1
border-top

sets all the top border properties in one declaration.

1
border-top-style

sets the style of the top border.

1
border-top-width

sets the width of the top border.

1
border-top-color

sets the color of the top border.

1
border-right

sets all right border properties in one declaration.

1
border-right-style

sets the style of the right border.

1
border-right-width

sets the width of the right border.

1
border-right-color

sets the color of the right border.

1
border-left

sets all left border properties in one declaration.

1
border-left-style

sets the style of the left border.

1
border-left-width

sets the width of the left border.

1
border-left-color

sets the color of the left border.

1
border-style

sets the style for all four border.

1
border-color

sets the color for all four border.

1
border-width

sets the width for all four border.

1
border-radius

it used to sets all four border radius properties in one declaration.

3
border-bottom-left-radius

sets round shape of the border of the bottom-left corner.

3
border-bottom-right-radius

sets round shape of the border of the bottom-right corner.

3
border-top-right-radius

sets round shape of the border of the top-right corner.

3
border-top-left-radius

sets round shape of the border of the top-left corner.

3
border-image

shorthand property for setting all border-image properties.

3
border-image-width

specifies the width of the border image .

3
border-image-source

specifies an image to be used as a border.

3
border-image-slice

specifies the offsets of the image-border.

3
border-image-repeat

specifies whether the image-border should be repeated

3
border-image-outset   3

Css box properties.

propertydescriptioncss
margin

sets all margin propertis in one declaration statement

1
margin-top

using this property sets the top margin of an element.

1
margin-bottom

sets the bottom margin of an element.

1
margin-left

sets the left margin of an element.

1
margin-right

sets the right margin of an element.

1
padding

sets the all padding properties in one declaration statement.

1
padding-left

sets the left padding of an element.

1
padding-right

sets the right padding of an element.

1
padding-top

sets the top padding of an element.

1
padding-bottom

sets the bottom padding of an element.

1
overflow

determines  how overflow content is rendered.

1
overflow-x 3
overflow-y  3
overflow-style

specifies the preferred scrolling method for elements that overflow.

3
rotation

rotates an element around a given point defined by the rotation-point.

3
rotation-point

defines a point from the top left edge border.

3
box-shadow

drop-shadow to the box.

3
box-sizing 3
box-align

specifies how to align the elements of a box.

3
box-direction

specifies which direction is follow by box elements.

3
box-flex

specifies the elements of a box is flexible or inflexible in size.

3
box-flex-group

assigns flexible elements to flex groups

3
box-lines 3
box-orient

css box-orient property specifies the display order of the child elements of a box.

3
box-ordinal-group

box-ordinal-group property specifies the display order of the child elements of a box

3
box-pack

specifies the horizontal position in horizontal boxes and the vertical position in vertical box.

3

Css color properties

propertydescriptioncss
opacity

specifies the opacity of an element.

3
color-profile 3
rendering-intent 3

Css content properties

propertydescriptioncss
content

inserts generated content around an elements.

2
counter-reset

resets a counters.

2
counter-increment

increment the counter.

2
quotes

sets an quotation mark.

2

Css dimention properties

propertydescriptioncss
width

sets the width of an element.

1
height

sets the height of an element.

1
min-height

sets the minimum height of an element.

2
max-height

sets the maximum height of an element.

2
min-width

sets the minimum width of an element.

2
max-width

sets the maximum width of an element.

2

Css font properties

propertydescriptioncss
font

sets all font properties in one declaration.

1
font-family

specifies the font family for text in box.

1
font-weight

specifies the boldness of an element text.

1
font-style

defines the style of the face.

1
font-size

defines the size of font.

1
font-variant

defines a font to be smallcaps.

1
font-stretch

determines the amount to stretch the current font.

3
font-size-adjust

adjusts the current font's aspect ratio.

3
@font-face

it allows website use fonts other than the websafe fonts

3

Css grid properties

propertydescriptioncss
grid-columns

specifies the width of each column in a grid.

3
grid-rows

specifies the height of each column in a grid.

3

Css hyperlink properties.

propertydescriptioncss
target

shorthand property ot set all target properties in one declaration.

3
target-name

specifies the target destination.

3
target-position

indicate placed for new destination link.

3
target-new  3

Css list properties

propertydescriptioncss
list-style

shorthand property to set all list property in one declaration.

1
list-style-type

specifies the type of list-item marker.

1
list-style-image

defines an image to be used as a list item's marker.

1
list-style-position

indents or extends a list item's marker with respect to the item's content.

1

Css mult-column properties

propertydescriptioncss
columns

shorthand property for setting a column-width and column-count property.

3
column-width

specifies the width of a column

3
column-span

spans columns.

3
column-count 3
column-fill

specifies how to fill columns.

3
column-gap

specifies the gap between the columns.

3
column-rule

shorthand property to set all column-rule properties.

3
column-rule-style

specifies the style of rule between columns.

3
column-rule-width

specifies the width of rule between columns.

3
column-rule-color

specifies the color of rule between columns.

3

Css positioning properties

propertydescriptioncss
position

sets the positioning model for an element.

2
right

sets the right position of a positioned element.

2
top

sets the top position of a positioned element.

2
bottom

sets the bottom position of a positioned element.

2
left

sets the left position of a positioned element.

2
float

determines if an elements floats to the left or right,allowing text to wrap around it or be displayed inline

1
clear

sets which margins of an element must not be adjacent to a floating element,the element is moved down until that margin is clear.

1
clip

clips an absolutely positioned element

2
cursor

specifies the type of cursor to be displayed

2
display

specifies how a certain html element should be displayed

1
visibility

specifies whether or not an element is visible

2
z-index

sets a stack order of positioned elements.

2
overflow

determines how overflow content is rendered.

2

Css print properties

propertydescriptioncss
page-break-after

sets the page-break after an element.

2
page-break-before

sets the page-break before an element.

2
page-break-inside

sets the page-break inside an element.

2
orphans

sets the minimum number of lines allowed in an orphaned paragraph fragment.

2
widows

sets the minimum number of lines allowed in a widowed paragraph fragment.

2

Css table properties

propertydescriptioncss
border-collapse

specifies whether or not table border should be collapsed.

2
border-spacing

specifies the distance between the border of adjacent cells.

2
empty-cells 2
caption-side

specifies the placement of a table caption

2
table-layout

sets the layout to be used for a table

2

Css text properties

propertydescriptioncss
text-align

specifies the horizontal alignment of text.

1
vertical-align

specifies the vertical alignment of text.

1
text-decoration

specifies the decoration for text.

1
text-transform

sets capitalization of text.

1
text-indent

defines the indentation of the first line of text in an element.

1
letter-spacing

sets space between characters in the line of text.

1
word-spacing

sets space between words in line of text.

1
white-space

how controls white space inside an element.

1
line-height

sets the line height.

1
color

sets of the text.

1
direction

defines direction of the flow of an element content.

2
unicode-bidi   2
text-justify

specifies the justifing text.

3
text-outline

sets text outline.

3
text-shadow

shadowing of text.

3
text-overflow  3
text-wrap

line breaking rules for text.

3
word-break 3
word-wrap 3

Css transform properties

propertydescriptioncss
transform

2d and 3d transformation.

3
transform-style

 

3
transform-origin 3
perspective 3
perspective-origin 3
perspective-visibility 3
backface-visibility 3

Css3 transition property

propertydescriptioncss
transition

 

3
transition-property 3
transition-duration 3
transition-timing-function 3
transition-delay 3

new css3 properties

propertydescriptioncss
appearance 3
icon 3
nav-left 3
nav-right 3
nav-up 3
nav-down 3
nav-index 3
box-sizing 3
outline-offset 3
resize 3