Difference between revisions of "CSS list"

From Publication Station
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