bottom
CSS bottom Property
The CSS bottom property is used to offset an element's bottom position. It moves the element upward and the position property of the element determines behavior of the placement it gets.
Example: "20px"
em unit relative value
Example: "1.5em"
Percentage value
Example: "10%"
right
left
CSS CODE EXAMPLE
<style type="text/css">
#div1 {
background: #B1D8E2;
border: #3E95AE 2px dashed;
width: 250px;
height:125px;
margin-top: 40px;
}
#div2 {
bottom: 13px;
left: 10px;
position: relative;
background: #FFE8B7;
border: #E19D00 2px dashed;
width: 140px;
height: 20px;
}
</style>
<div id="div1">
<div id="div2">my div content ...</div>
my div content ...
</div>
#div1 {
background: #B1D8E2;
border: #3E95AE 2px dashed;
width: 250px;
height:125px;
margin-top: 40px;
}
#div2 {
bottom: 13px;
left: 10px;
position: relative;
background: #FFE8B7;
border: #E19D00 2px dashed;
width: 140px;
height: 20px;
}
</style>
<div id="div1">
<div id="div2">my div content ...</div>
my div content ...
</div>
my div content ...
my div content ...Possible Values:
Pixel valueExample: "20px"
em unit relative value
Example: "1.5em"
Percentage value
Example: "10%"
Related Properties
topright
left
0 Response to "bottom"
Post a Comment