CSS Properties

CSS

CSS Properties

Property	Discription
background-color	specifies the background color of an element.
border-radius	allows to round the corner of the border.
background-size	specifies the size of the background.
background-image	specifies one or more background images for an element.
background-position	specifies the position of a background images will be repeated.
background-repeat	set how a background images will be repeated.
background-attachment	specifies how background images should be scroll.
background-clip	specifies the painting area of a background.
border	sets all the border properties in one declaration.
border-color	set the color of the four borders.
border-image	specifies the border images.
border-width	set the width of four borders.

Property	Discription
text-align	specifies the horizontal alignment of text.
text-decoration	specifies the decoration added to text.
text-indent	specifies the indentation of the first line in a text block.
text-shadow	adds shadow to a text.
text-transform	controls the capitalization of a text.
word-spacing	increases or decreases the space between words in a text.
white-space	specifies how white space inside an element is handled.
letter-spacing	increases or decreases the space between chracters in a text.
line-break	specifies how/if to break lines.
line-height	sets the line height.
word-wrap	allows long unbreakable words to be and wrap to the next line
word-break	specifies line breaking rules for non-cjk scripts.
color	color the text.

Property	Discription
font-family	specifies the font family for text.
font-size	specifies font size of text.
font-weight	specifies the weight of a font.
font-variant	specifies whether or not a text should be displayed in a small caps font.
font	sets all the font properties in one declaration.
@font-face	a rule that allows websides to download and use fonts other than the web safe fonts.

Property	Discription
padding	set all the padding properties in one declaration.
box-shadow	attaches one or more drop shadow to the box.
opacity	sets the opacity level for an element.
margin	sets all the margin properties in one declararion.
max-height	sets the maximum height of an element.
max-width	sets the maximum width of an elemen
min-width	sets the minimum width of an element.
min-height	sets the minimum height of an element.
display	specifies how a certain html element should be displayed.
visibility	specifies whether or not an element is visible
float	specifies whether or not a box should float.
clear	specifies which sides of an element where other floating element are not allowed.
overflow	specifies what happens in content overflows an element's box.
z-index	sets the stack of a positioned element.
vertical-align	sets the vertical alignment of an element.
width	sets the width of an element.
height	sets the height of an element.
position	specifies the type of positioning method used for an element (static,relative,absolute,or fixed).
bottom	specifies the bottom position of a positioned element.
left	specifies left position of a positioned element.
right	specifies right position of a positioned element.
top	specifies top position of a positioned element.

Properties	Discription
list-style	sets all the properties for a list in one declaration.
list-style-type	specifies the type of list item marker.
list-style-position	specifies if the list item markers should appear inside or outside the content flow.
list-style-image	specifies an image as the list item marker.

Proterty	Discription
border-collapse	specifies whether or not table border should be collapsed.
border-spacing	specifies the distance between the borders of adjacent cells.
caption-side	specifies the placement of a table caption.
empty-cells	specifies whether or not to display borders and background or empty cells in a table.
table-layout	sets the layout algorithm to be used for a table.

Property	Discription
@keyframes	specifies the animation code
animation	a shorthand property for all the animation properties (expect animation-play-state and animation-fill-mode)
animation-name	specifies the name of the @keyframes animation.
animation-duration	specifies how many seconds ro miliseconds an animation takes to complete one cycle.
animation-delay	specifies a delay for the start of an animation.
animation-direction	specifies whether or not the animation should play in reverse on alternate cycle.

Property	disciption
::first-line	select the first line of the selected element.
::first-letter	selects the first letter of the selected element.
::selection	selects the part of an element that is selected by the user.
::before	inserts content before the selected element.
::after	inserts content after the selected element.
::visited	selects all visited links.
:link	selects all unvisited links.
:hover	selects link or mouse over.
:active	selects the active link.

Property	Discription
transition	A shorthand property for setting the four transition properties.
transition-property	specifies the name of the css property the transition affect is for.
transition-duration	specifies how many seconds or milliseconds a transition effect.
transition-delay	specifies when the transition effect will start.