CSS list
From Publication Station
Revision as of 13:09, 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 | Change the weight of the font |
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 |