padding
CSS padding Property
The CSS padding property is CSS shorthand for specifying padding-top, padding-right, padding-bottom, and padding-left properties. You can set even padding on all four inner sides by using 1 value instead of four values. You can set top + bottom padding evenly and right + left padding evenly by using two values instead of four. The code comments below also explain those concepts.
padding-top
padding-right
padding-bottom
padding-left
CSS CODE EXAMPLE
<style type="text/css">
#div1 {
padding: 20px 25% 20px 25%; /* top right bottom left */
/* "20px 25%" is the same as defining "20px 25% 20px 25%" */
/* "25%" is the same as defining "25% 25% 25% 25%" */
background:#DFEFFF; border:#5BADFF 1px solid;
}
#div1 p{
background: #FFF;
border: #999 2px dashed;
}
</style>
<div id="div1">
<p>child of div1... paragraph content ...</p>
</div>
#div1 {
padding: 20px 25% 20px 25%; /* top right bottom left */
/* "20px 25%" is the same as defining "20px 25% 20px 25%" */
/* "25%" is the same as defining "25% 25% 25% 25%" */
background:#DFEFFF; border:#5BADFF 1px solid;
}
#div1 p{
background: #FFF;
border: #999 2px dashed;
}
</style>
<div id="div1">
<p>child of div1... paragraph content ...</p>
</div>
child of div1... paragraph content ...
Possible Values:
See the following individual properties for values:padding-top
padding-right
padding-bottom
padding-left
0 Response to "padding"
Post a Comment