Types of properties:-
1. Text properties
2. Font properties
3. Color and background properties
4. placement properties
5. Classification properties
1. Text properties:-
Properties Value Example
Text-align left,right,center justify H1{text-align : Center}
Text-indent Unit P{text-indent
: 20}
Line-height Unit p{line-height
: 12 pt}
Letter-spacing Unit P{letter-spacing
: 5}
Text-decoration Underline,
overline H{text-decoration
: blink}
blink, none
2.Font properties:-
Properties Value Example
Font-family family name p{font-family : Arial}
Font-style normal; italic H2{font-weight : bolder}
Font-weight lightes, normal, bold, p{font-weight : bolder}
bolder
Font-size unit,
%, small medium, large p{font-size :
72pt}
H1{font-size
= 50%}
H4{font-size
: large}
3.Color and background properties:-
Properties Value Example
Color color
name P{Color
: Red}
Hax-value P{Color
: # ffffff}
Backgraound=color color
name H1{backgraound-color
: green}
Hax-value
Backgraound-image VRL (name) Body
{Background-image : URL
(“e:\1.BMP”)
Background-position Vetical,
Horizontal top,center Body{Background-image
: URL
,bottom
left,right (“e:\1.BMP
“);
Background-position
: top)
4.Placement properties:-
Properties Value Example
Margin-top %
auto div{margin-top
: 10%}
Margin-bottom % auto div{margin-bottom
: 10%}
Margin-right %
auto div{margin-right
: 50 pt}
Margin-left %
auto div{margin-left
: 10%}
Border-style none,
dashed, double, Table
{border-style : dashed}
groove,
ridge, insert, outset
Border-color color
name hex value Table{border-color
:” red}
Properties Value Example
List-style-type dise,
circle, squre ULI{list-style-type
: squre}
Decimal,
lower-roman
upper-roman
lower-alpha
upper-alpha
List-style-position Inside, outside UL{list-style-position
: out side}
UL{list-style-position : in side}
List-style-image URL name UL{list-style-type
: squre :list-style-
position : inside; list-style-image :URL(“e:\1.BMP)}
0 Comments