HTML Styles
HTML styles are used to change the appearance of HTML elements (like color, size, font, spacing, etc.). Styles are applied using the style attribute or CSS (Cascading Style Sheets).
Common Style Properties
There are some important properties of style.
| Property | Description | Example |
| color | Text color | color: red; |
| font-size | Text size | font-size: 18px; |
| background | Background color | background: yellow; |
| text-align | Text alignment | text-align: center; |
| margin | Space outside element | margin: 10px; |
| padding | Space inside element | padding: 10px; |
| border | Border around the element | border: 1px solid black; |
Example:
<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>
<p style="color: blue; font-size: 20px;"> Hello, World! <p>
<p style="background: yellow;"> Hello, World! <p>
<p style="text-align: center;"> Hello, World! <p>
<p style="margin: 10px;"> Hello, World! <p>
<p style="padding: 10px;"> Hello, World! <p>
<p style="border: 1px solid black;"> Hello, World! <p>
</body>
</html>
Output
