Hello and welcome to this video.
In this video I will be explaining some of the propertys and values that can be used to determine the
display and position of an element on a web page or begin with the position property when set in the
position of an element.
There are different values you can use with the position.
So if you want be positioning to be a relative you need to specify that first and then followed by the
propertys off the top right bottom or left depending on where you want to apply the positioning by the
first thing you do you determine the type of position because there are different types of position.
Next you lie.
For example I've specified a relative.
And here I have specified an absolute position.
You've got other types of position as well.
Next the display.
The display property is used to determine how an element is displayed.
So by default when the equity they are displayed in line or block elements blog elements are displayed
on separate lines why exist.
Why in line element are stacked top horizontally so you can use the display property to determine where
or how an element is displayed in line means stack them up horizontally display in line block means
stack them up horizontally but as block elements are another property weak in use is a float property.
The value of property float property is used to determine which direction an element should be floated
to.
You can specify left or right and then you declare property declared property is usually used where
you find the float property because it kind of mobbs Sought after the float property so whereby an elemental
has been floated it can create an obstruction preventing other elements from occupying that space all
floating in that same direction or it can affect the positioning of other elements.
So you can use the clip property to clear the obstruction caused by the floating element.
Another property you can use is the overflow.
What the overflow does is use to hide content that has overflown is container like this red box.
We call it if we have an image that spills out of this red box.
We can use the overflow with a hidden value to click on the image and then hide where based left so
you don't see any overflow outside the box.
There are other values you can specify with the overflow.
There is also there is cruel and a few others but the common ones that I use are head in and out of
order.
Does is that you hide it and or it can also create a scroll so that you can see the rest of the content
after his being clipped.
So these are the main property values that you can use to determine the position and display often eliminate
on a web page.
In this year we went through some on the display and position properties that can be used on a web page.
We went through the position property Wayne specifying that you need to determine the type of position
first and then proceed in that you specify the top right bottom level property.
Depending on the property you want to apply the positioning effect to.
We also mention the display property which determines how the elements are displayed either in like
or in block or in line block which means stagged the mob horizontally by block.
It's also out what a float is a floor property is used to float elements in a set in direction.
He truly is left or right and then declare a property.
Is used to clear the obstruction caused by the floating helmet and devalues ukin youthful that high
right.
Clear right clear left or clear.
Both are murder property they can be used.
Is it overflow overflow used to hide elemen now or grow its container.
So if for example if you've got an image that is exceedingly akonting that you can use the overflow
property to clip that image and hide the overflow from view.
Thank you so much I hope the video has been useful and is giving you some insight into these syntax
that can be use to specify position and display of an element.
Thank you.
Bye for now.