Color Propertie
Color: Apply color to element we can use color name or color
code.
<html>
<head>
<title> Lamp </title>
<style>
h1{
color:yellow;
color:#ffff00;
color:rgb(256,256,0);
}
</style>
</head>
<body>
<h1>Welcome to Home Page</h1>
</body>
</html>
Font Properties
Font-Size: Increase or Decrease font size
Font Style: Apply italic style to font or not
Font weight: Apply bold style to font
Font Family: Apply font family like [Arial, Vardana, ext…]
<html>
<head>
<title> Lamp </title>
<style>
h1{
color:red;
font-size:30px;
font-style:italic;
font-weight:lighter;
font-variant:small-caps;
font-family:impact;
}
</style>
</head>
<body>
<h1>Welcome to Home Page</h1>
</body>
</html>
Text Properties
Letter spacing: Apply space between each letter
Word spacing: Apply space between each word
Line-height: Increase or decrease height of the line
Text-dign: Change argental alignment of test [left, right,
center, justify]
Test-decoration: It applies underline or over line or line
through the value [none, underline, link through]
Text-transform: convert the text in upper case or lower case
[normal, uppercase, lowercase, and capitalize]
Text-Indent: Apply left margin to first letter of the text
<html>
<head>
<title> Lamp </title>
<style>
p{
color:red;
letter-spacing:5px;
word-spacing:15px;
line-height:16px;
text-align:justify;
vertical-align:top;
text-decoration:line-through;
text-transform:capitalize;
text-indent:200px;
}
</style>
</head>
<body>
<p>Notepad is a basic text-editing program and it's most commonly used to view or edit text files</p>
</body>
</html>
No comments:
Post a Comment