float(style-float) Property
float(style-float IE*) Property
float Property ´Â Block Box³ª image¸¦ ÁÂÃø(left)À̳ª ¿ìÃø(right)¿¡ À§Ä¡ ½Ã۰í Block Box³ª Image ÁÖ¹øÀ¸·Î text¸¦ ¹è¿ÇÏ´Â Property ÀÔ´Ï´Ù.
* IE¿¡¼ DHTML ÀÛ¼º½Ã¿¡´Â floatÀÌ ÀÛµ¿ÇÏÁö ¾Ê°í styleFloatÀ¸·Î Property À̸§À» ¹Ù²ã ÁÖ¾î¾ß ÀÛµ¿ÇÕ´Ï´Ù.
[Ç¥ º¸´Â ¹æ¹ý]
| float Property |
| Value |
left | right | none | Inherit |
| Initial |
none |
| Applies to |
all but positioned elements and generated content |
| Inherited |
no |
| Percentages |
N/A |
| Media |
Visual |
| HTML Syntax |
{ float: sFloat } |
| Scripting |
object.style.float [ = sFloat ]
object.style.Stylefloat [ = sstyleFloat ] *IE Only |
CSS Scripting
onClick="this.style.styleFloat='left';" * IE Only
float(style-float) Property ÀÇ »ç¿ë°ª
- left
±×¸²À̳ª Box°¡ ¿ÞÂÊ¿¡ ¹èÄ¡µÇ°í, ±Û¾¾´Â BoxÀÇ ¿À¸¥ÂÊÀ¸·Î È帣°Ô µË´Ï´Ù.
- right
±×¸²À̳ª Box°¡ ¿À¸¥ÂÊ¿¡ ¹èÄ¡µÇ°í, ±Û¾¾´Â BoxÀÇ ¿ÞÂÊÀ¸·Î È帣°Ô µË´Ï´Ù.
- none
±×¸²À̳ª Box°¡ ¿ÞÂÊÀ¸·Î ¹èÄ¡µÇ°í, ±Û¾¾´Â ùÁÙ¸¸ BoxÀÇ ¿À¸¥ÂÊÀ¸·Î È帣°Ô µË´Ï´Ù.
float(style-float) Property - Image ÆÄÀÏÀÇ °æ¿ì

float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float
¼Ò½º º¸±â
ÀÔ·Â
<HTML>
<HEAD>
<TITLE>float(style-float) Property</TITLE>
<STYLE type="text/css">
<!--
.td_button{
height:18px;
background-color:royalblue;
border:1px solid #808080;
cursor:hand;
font-size:11px;
color:#EFEFEF;
text-align:center;
}
-->
</STYLE>
</HEAD>
<BODY>
<IMG id="img01" src="°æ·Î´Â ¾Ë¾Æ¼ ÁöÁ¤ÇØ ÁÖ¼¼¿ä."> ÀÚ¼¼ÇÑ ³»¿ëÀº ¿©±â ÂüÁ¶.
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float
<table cellspacing="2" width="100%" style="table-layout:fixed; border:1px solid #333333;">
<tr>
<td class="td_button" onclick="img01.style.styleFloat='none';">none</td>
<td class="td_button" onclick="img01.style.styleFloat='left';">left</td>
<td class="td_button" onclick="img01.style.styleFloat='right';">right</td>
</tr>
</table>
</BODY>
</HTML>
float Property - Block BoxÀÇ °æ¿ì
float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float
|
none
|
À§Ä¡ ¹Ù²Ù±â
|
¿ø·¡ ´ë·Î
|
¼Ò½º º¸±â
ÀÔ·Â
<HTML>
<HEAD>
<TITLE>float(style-float) Property</TITLE>
<STYLE type="text/css">
<!--
.td_button{
height:18px;
background-color:royalblue;
border:1px solid #808080;
cursor:hand;
font-size:11px;
color:#EFEFEF;
text-align:center;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV style="width:100px; height:100px; background:gold; float:left;"></DIV>
<DIV style="width:100px; height:100px; background:tomato; float:right;"></DIV>
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float float float float float float float float
float float float float float float float float float float float
<table cellspacing="2" width="100%" style="table-layout:fixed; border:1px solid #333333;">
<tr>
<td class="td_button" onclick="div1.style.styleFloat='none';div2.style.styleFloat='none';">
none
</td>
<td class="td_button" onclick="div1.style.styleFloat='right';div2.style.styleFloat='left';">
À§Ä¡ ¹Ù²Ù±â
</td>
<td class="td_button" onclick="div1.style.styleFloat='left';div2.style.styleFloat='right';">
¿ø·¡ ´ë·Î
</td>
</tr>
</table>
</BODY>
</HTML>
ÀÌ ¹®¼ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.
|