Difference between revisions of "CSS list"
From Publication Station
Arjensuijker (talk | contribs) |
Arjensuijker (talk | contribs) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 3: | Line 3: | ||
|- | |- | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_text_text-align.asp text-align]</u> | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_text_text-align.asp text-align]</u> | ||
| Align text to the left, right, center or justify | |||
|- | |- | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font.asp font]</u> | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font.asp font]</u> | ||
| Change all font properties in one line of code | |||
|- | |- | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font-family.asp font-family]</u> | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font-family.asp font-family]</u> | ||
| Change the typeface of this element | |||
|- | |- | ||
| nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font-size.asp font-size]</u> | | nowrap="nowrap" width="216" |<u>[https://www.w3schools.com/cssref/pr_font_font-size.asp font-size]</u> | ||
| Change the size of the font | |||
|- | |- | ||
| Line 23: | 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 38: | 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 |
