Difference between revisions of "CSS list"
From Publication Station
Arjensuijker (talk | contribs) |
Arjensuijker (talk | contribs) |
||
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 | |||
|- | |- |
Revision as of 13:08, 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 | |
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 |