1
edit
Changes
no edit summary
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== Summary ==
Float CSS property defines the position where an image or text will be located in another element.
== Syntax ==
float: [number]
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>left</td>
<td>The image or text moves to the left of the parent element</td>
</tr>
<tr>
<td>right</td>
<td>The image or text moves to the right of the parent element</td>
</tr>
<tr>
<td>none</td>
<td>Image or text does not move and it appears at the same location</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<html>
<head>
<style type="text/css">
div.x{
position:absolute;
left:0px;
top:0px;
font-size:80px;
z-index:-1;
}
div.y{
position:absolute;
left:0px;
top:10px;
font-size:80px;
color:red;
z-index:1;
}
</style>
</head>
<nowiki>
<body>
<div class="x">LAYER 1</div>
<div class="y">LAYER 2</div>
</body>
</nowiki>
</html>
== Notes ==
== Specification Conformance ==
== Browser Compatibility ==
Firefox,Netscape,Opera,IE
== See Also ==
[[CSS_GUIDE_POSITION|position]]
== Summary ==
Float CSS property defines the position where an image or text will be located in another element.
== Syntax ==
float: [number]
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>left</td>
<td>The image or text moves to the left of the parent element</td>
</tr>
<tr>
<td>right</td>
<td>The image or text moves to the right of the parent element</td>
</tr>
<tr>
<td>none</td>
<td>Image or text does not move and it appears at the same location</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<html>
<head>
<style type="text/css">
div.x{
position:absolute;
left:0px;
top:0px;
font-size:80px;
z-index:-1;
}
div.y{
position:absolute;
left:0px;
top:10px;
font-size:80px;
color:red;
z-index:1;
}
</style>
</head>
<nowiki>
<body>
<div class="x">LAYER 1</div>
<div class="y">LAYER 2</div>
</body>
</nowiki>
</html>
== Notes ==
== Specification Conformance ==
== Browser Compatibility ==
Firefox,Netscape,Opera,IE
== See Also ==
[[CSS_GUIDE_POSITION|position]]
