CSS: Properties

Common CSS Properties

CSS properties allow you to control the appearance and layout of HTML elements:

• color: Sets the text color.
• background-color: Sets the background color.
• font-size: Sets the size of the text.
• margin: Sets the space outside an element.
• padding: Sets the space inside an element.
• border: Sets the border around an element.
• width: Sets the width of an element.
• height: Sets the height of an element.

Example: CSS Properties

/* Example */
div {
    color: white;
    background-color: black;
    font-size: 16px;
    margin: 10px;
    padding: 20px;
    border: 2px solid red;
    width: 300px;
    height: 150px;
}
        

This example demonstrates how to use various CSS properties to style a div element.

Practice

Try experimenting with CSS properties:

• Change the color and background-color of elements.
• Adjust margin and padding values to see their effects.
• Set width and height for different elements.

Continue Learning

• Next: CSS Colors & Units