Difference between revisions of "CSS list"
From Publication Station
Arjensuijker (talk | contribs)  | 
				Arjensuijker (talk | contribs)   | 
				||
| Line 27: | Line 27: | ||
|-  | |-  | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_weight.asp font-weight]</u>  | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_weight.asp font-weight]</u>  | ||
| Change the weight of the font  | |||
|-  | |-  | ||
| Line 42: | Line 43: | ||
|-  | |-  | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_padding.asp padding]</u>  | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_padding.asp padding]</u>  | ||
Put empty space around the inside of an element  | | Put empty space around the inside of an element  | ||
|-  | |-  | ||
Latest revision as of 13:09, 24 October 2024
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 |