CSS list

From Publication Station
Revision as of 13:08, 24 October 2024 by Arjensuijker (talk | contribs)

This is a list of the most useful CSS properties, roughly ranked from easy to hard. They link to an explanation and examples.

text-align Align text to the left, right, center or justify
font Change all font properties in one line of code
font-family Change the typeface of this element
font-size Change the size of the font
font-width Stretch the width of the font
font-style Make font italic or oblique
font-weight
height Change the height of an element
margin Put empty space around the outside of an element
opacity Change the transparency of an element
padding

Put empty space around the inside of an element

color Change text color
line-height Change the line-height of text
visibility Make element (in)visible
border show a border around an element
box-shadow Give an element a drop shadow
text-shadow Give text a shadow
border-radius Give an element rounded corners
background Change the background of an element into a color, image or gradient
filter Put a color filter on an element
:hover Define what happens if the mouse is on an element
cursor Change the cursor if it hovers over an element
transform Transform the dimensions of an element, for example by skewing, scaling or rotating
transition Make an element transition smoothly if it changes
columns Put the elements inside an element into columns
position Change how an element is positioned. For example absolute or fixed
grid Put the elements inside an element into a grid
animation Animate the properties of an element