Hello friends in this blog post we will learn about web page development (CSS Position,CSS Float,CSS Clear) (CLASS:9) computer engineering students Now lets start.
CSS POSITION
→ The position property defines how an element will be positioned on a page.
→ There are five different position values:
1) static
2) relative
3) fixed
4) absolute
5) sticky
→ Element are the positioned using the top,bottom,left and right properties
CSS FLOAT
→ The CSS float property specifies how an elements should float.
→ The CSS clear property specifies what element can float beside the cleared element and on which side.
→ The Float property can have one of the following values:
1) left- The elements Floats to the left of its container.
2) right- The elements Floats to the right of its container.
3) none- The element does not Float ( will be display just where it occurs in the text ). This is default
→ Syntax for left
{
float left;
}
→ Syntax for right
{
float right;
}
→ Syntax for none
{
float none;
}
CSS CLEAR
→ The clear property can have one of the following values:
1) none- Allow Floating elements on both sides. This is default
2) left- No Floating elements allowed on the left sides.
3) right- No Floating element allowed on the right sides.
4) both- No floating element allowed on the right sides.
→ Syntax for left
{
float left;
}
→ Syntax for right
{
float right;
}
→ Syntax for none
{
float none;
}
→ Syntax for both
{
float both;
}
 (WPD)){kind=link}
0 Comments